/* layout ************************************************************************************************************************************************/
html, body {height: 100%;}
label {-webkit-user-select: none;}
body {background-color: #ececec;}
#wrap {min-width: 1600px; padding-left: 220px; min-height: 100%; background-color: #eaedf3;}
#header {position: fixed; top: 0; left: 0; right: 0; padding-left: 220px; height: 70px; border-bottom: 1px solid #e7e9ed; background-color: #fff; z-index: 1000;}
#header .inner {height: 71px; border-bottom: 1px solid #edf0f4;}
#aside {position: fixed; top: 72px; bottom: 0; left: 0; width: 220px; background-color: #2b333e; color: #fff; z-index: 1000;}
#aside > .inner {height: 100%; overflow-y: auto;}
#aside > .inner::-webkit-scrollbar {width: 2px; background-color: #343f47;}
#aside > .inner::-webkit-scrollbar-thumb {background-color: #e74c3c;}
#container {position: relative; padding: 72px 0 20px 0;}
#content {padding: 20px 20px 100px 20px;}
#content:after {display:block; content:''; clear:both;}
#footer {min-width: 1800px; margin-top: -31px; padding-right: 20px; height: 31px; line-height: 31px; text-align: right; font-size: 11px; background-color: #fff; color: #666;}
#footer .c {color: #e74c3c;}
#logo {position: absolute; left: 0; width: 220px; border-bottom: 2px solid #2a323d; background-color: #333c48;}
#logo:after {position: absolute; content: ''; top: 0; left: 30px; width: 103px; height: 3px; background-color: #fc0;}
#logo a {display: block; height: 70px; border-bottom: 1px solid #29313b; background: url('/public/img/logo.png') no-repeat 0 center;background-position: 60px;}
#page_summary {display: block; padding-left: 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #d5d7d9; vertical-align: middle;}
#page_summary .title {display: inline-block; margin-right: 10px; font-size: 18px; color: #666; vertical-align: middle;}
#page_summary .tip {display: inline-block; color: #666; vertical-align: middle;}
#account_user_info {padding: 0 20px; height: 71px; text-align: right;}
#account_user_info li {display: inline-block; line-height: 71px;}
#account_user_info i {display: inline-block; font-size: 20px; vertical-align: middle; color: #2e363f;}
#account_user_info .lnk {display: inline-block; padding: 0 15px; font-size: 0; transition: all 0.1s ease-in-out; vertical-align: middle;}
#account_user_info .lnk:hover i {color: #3498db;}
#account_user_info .user {float: left; margin-left: 0; font-size: 15px; font-weight: bold;}
#account_user_info .user .profile {display: inline-block; margin-right: 10px; width: 41px; height: 41px; border-radius: 100%; vertical-align: middle;}
#account_user_info .user .name {display: inline-block; margin-right: 5px; font-size: 15px; color: #3498db;}
.main_menu {position: relative;}
.main_menu .item_tit {position: relative; display: block; padding-left: 20px; height: 51px; line-height: 51px; background-color: #2e363f;}
.main_menu .item_tit i {display: inline-block; margin-right: 15px; width: 20px; text-align: center; font-size: 20px; color: #939da8; vertical-align: middle;}
.main_menu .item_tit .tx {display: inline-block; font-size: 12px; font-weight: 500; color: #939da8; vertical-align: middle;}
.main_menu .item_tit:after {position: absolute; top: 18px; right: 20px; content: ''; border-left: 6px solid #a0acb1; border-top: 4px solid Transparent; border-bottom: 4px solid Transparent;}
.main_menu .item_tit:hover i,
.main_menu .item_tit:hover .tx {color: #fff; transition: all 0.1s ease-in-out;}
.main_menu.selected .item_tit i,
.main_menu.selected .item_tit .tx {color: #fff;}
.main_menu.selected .item_tit:after {border-left: 4px solid Transparent; border-right: 4px solid Transparent; border-top: 6px solid #fff;}
.main_menu.selected .sub_menu {display: block;}
.sub_menu {display: none; position: relative; padding: 10px; background-color: #222933; z-index: 1;}
.sub_menu:after {position: absolute; top: 0; left: 0; content: ''; width: 3px; height: 100%; background-color: #fc0;}
.sub_menu .item_sub {margin-top: 5px; height: 32px; line-height: 32px;}
.sub_menu .item_sub:first-child {margin-top: 0;}
.sub_menu .item_sub a {position: relative; display: block; padding-left: 18px; color: #939da8; z-index: 1; transition: all 0.1s ease-in-out;}
.sub_menu .item_sub .selected {color: #fff; background-color: #333c48;}
.sub_menu .item_sub a:hover {text-decoration: none; color: #fff;}
#notice_photo img {width: 200px !important; height: 145px !important;}
#notice_photo_aside img {width: 94px !important; height: 62px !important;}
/* pagination ************************************************************************************************************************************************/
.pagination {float: right; margin: 20px 0; height: 35px;}
.pagination .inner {float: right;}
.pagination a,
.pagination span {float: left; margin-left: -1px; padding: 0 15px; height: 35px; line-height: 35px; border: 1px solid #fff; transition: all 0.1s ease-in-out;}
.pagination a.btn_prev,
.pagination a.btn_next {border: 1px solid #d5d7d9; background-color: #fafbfd; color: #333;}
.pagination a:hover {text-decoration: none;}
.pagination a.btn_prev:hover,
.pagination a.btn_next:hover {border: 1px solid #2c4663; color: #2c4663;}
.pagination .numb_paging {float: left; margin: 0 10px;}
.pagination .numb_paging a:hover,
.pagination .numb_paging .on {position: relative; border: 1px solid #2c4663; background-color: #2f4b6b; color: #fff; z-index: 1;}
.pagination .btn_prev,
.pagination .btn_next {color: #999;}
/* common ************************************************************************************************************************************************/
.point_cusor {cursor: pointer}
.box_put_contents {padding: 8px; height: 200px;}
::placeholder {color: #fa9c57; opacity: 1;}
.txt_st_positive {color: #00aa25; font-weight: bold;}
.txt_st_negative {color: #001dff; font-weight: bold;}
._btn_st1 {border-color: #2c4663 !important; background-color: #2f4b6b !important; color: #fff !important;}
._btn_st_red {border-color: #e41111 !important; background-color: #e41111 !important; color: #fff !important;}
._btn_st_delete {border-color: #d95353 !important; background-color: #d95353 !important; cursor: pointer; color: #fff !important;}

._btn_st_darkorange {border-color: darkorange !important; background-color: darkorange !important; color: #fff !important;}

.inline-block {display: inline-block; vertical-align: middle;}
.f_left {float: left !important;}
.f_right {float: right !important;}
.f_center {text-align: center; font-size: 0; !important;}
.w_50 {width: 50px !important;}
.w_100 {width: 100px !important;}
.w_150 {width: 150px !important;}
.w_200 {width: 200px !important;}
.w_300 {width: 300px !important;}
.w_250 {width: 250px !important;}
.w_400 {width: 400px !important;}
.w_500 {width: 500px !important;}
.w_600 {width: 600px !important;}
.w_700 {width: 700px !important;}
.w_800 {width: 800px !important;}
.w_900 {width: 900px !important;}
.w_1000 {width: 1000px !important;}
.w_1100 {width: 1100px !important;}
.w_1200 {width: 1200px !important;}
.w_1300 {width: 1300px !important;}
.w_1400 {width: 1400px !important;}
.w_1500 {width: 1500px !important;}
.w_1600 {width: 1600px !important;}
.max_w_200 {max-width: 200px !important;}
.max_w_300 {max-width: 300px !important;}
.max-w_400 {max-width: 400px !important;}
.max_w_500 {max-width: 500px !important;}
.max_w_600 {max-width: 600px !important;}
.max_w_700 {max-width: 700px !important;}
.max_w_800 {max-width: 800px !important;}
.max_w_900 {max-width: 900px !important;}
.max_w_1000 {max-width: 1000px !important;}
.max_w_1100 {max-width: 1100px !important;}
.max_w_1200 {max-width: 1200px !important;}
.max_w_1300 {max-width: 1300px !important;}
.max_w_1400 {max-width: 1400px !important;}
.max_w_1500 {max-width: 1500px !important;}
.max_w_1600 {max-width: 1600px !important;}
.max_w_1700 {max-width: 1700px !important;}
.max_w_1800 {max-width: 1800px !important;}
.max_w_1900 {max-width: 1900px !important;}
.max_w_2000 {max-width: 2000px !important;}
.h_100 {height: 100px !important;}
.h_200 {height: 200px !important;}
.h_300 {height: 300px !important;}
.h_400 {height: 400px !important;}
.h_500 {height: 500px !important;}
.h_600 {height: 600px !important;}
.h_700 {height: 700px !important;}
.h_800 {height: 800px !important;}
.h_900 {height: 900px !important;}
.mt_0 {margin-top: 0 !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_30 {margin-top: 30px !important;}
.ml_0 {margin-left: 0px !important;}
.ml_5 {margin-left: 5px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_20 {margin-left: 20px !important;}
.ml_30 {margin-left: 30px !important;}
.mr_0 {margin-right: 0px !important;}
.mr_5 {margin-right: 5px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_20 {margin-right: 20px !important;}
.mr_30 {margin-right: 30px !important;}
.mb_0 {margin-bottom: 0px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.padding_5 {padding: 5px !important;}
.padding_10 {padding: 10px !important;}
.padding_20 {padding: 20px !important;}
.padding_30 {padding: 30px !important;}
.pt_0 {padding-top: 0 !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_30 {padding-top: 30px !important;}
.pl_5 {padding-left: 5px !important;}
.pl_10 {padding-left: 10px !important;}
.pl_20 {padding-left: 20px !important;}
.pl_30 {padding-left: 30px !important;}
.pr_5 {padding-right: 5px !important;}
.pr_10 {padding-right: 10px !important;}
.pr_20 {padding-right: 20px !important;}
.pr_30 {padding-right: 30px !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_30 {padding-bottom: 30px !important;}
.left_align {text-align: left !important;}
.right_align {text-align: right !important;}
.center_align {text-align: center !important;}
.c_e41111 {color: #e41111 !important;}
.c_3498db {color: #3498db !important;}
.font_s13 {font-size: 13px;}
.font_s14 {font-size: 14px;}
.font_s15 {font-size: 15px;}
.font_s16 {font-size: 16px;}
.font_s17 {font-size: 17px;}
.font_s18 {font-size: 18px;}
.font_s19 {font-size: 19px;}
.font_s20 {font-size: 20px;}
.img_s40 {width: 40px; height: 40px;}
.img_s100 {width: 100px; height: 100px;}
.img_s150 {width: 150px; height: 150px;}
.img_s200 {width: 200px; height: 200px;}
.lnk {color: #3498db !important;}
.inputbox {width: 100%; padding: 0 10px; border: 1px solid #d5d7d9; height: 35px; line-height: 35px; box-sizing: border-box; transition: all 0.1s ease-in-out;}
.inputbox:focus {border-color: #2c4663;}
.inputbox:read-only {background-color: #d5d7d9;}
.selectbox {min-width: 100px; height: 35px; line-height: 35px; border: 1px solid #d5d7d9; box-sizing: border-box; outline-style: none; transition: all 0.1s ease-in-out;}
.selectbox:focus {border-color: #ff6c00;}
.checkbox {display: inline-block; margin: 0 0 0 10px; width: 17px; height: 17px; line-height: 35px; vertical-align: middle;}
.checkbox:first-child {margin-left: 0;}
.label {display: inline-block; line-height: 35px; vertical-align: middle;}
.textarea {width: 100%; margin: 5px 0; border: 1px solid #d5d7d9; padding: 10px; height: 150px; box-sizing: border-box;}
.textarea:focus {border-color: #ff6c00;}
.button {padding: 0 10px; border: 1px solid #d5d7d9; height: 35px; box-sizing: border-box;}
.news_thumb {display: block; margin-bottom: 10px;}
.btn_area {margin: 20px 0;}
.btn {display: inline-block; margin-left: 10px; padding: 0 15px; height: 35px; line-height: 35px; border: 1px solid #d5d7d9; background-color: #ececec; color: #333; box-sizing: border-box; font-size: 12px; transition: all 0.1s ease-in-out; cursor:pointer;}
.btn i {margin-right: 5px;}
.btn:hover {border-color: #2c4663; text-decoration: none;}
.btn:first-child {margin-left: 0;}
.display_block {display: block;}
.display_inline-block {display: inline-block;}
.validator {padding: 0 10px; height: 35px; line-height: 35px; color: #f00;}
/* table ************************************************************************************************************************************************/
.horiz_tbl {width: 100%; border: none;}
.horiz_tbl th {padding: 0 10px; height: 40px; border: none; text-align: center; font-weight: bold; border-top: 1px solid #d5d7d9; background-color: #fafbfd;}
.horiz_tbl th:first-child {border-left: none;}
.horiz_tbl th .row {display: block;}
.horiz_tbl td {padding: 5px; height: 41px; border: none; text-align: center; word-break: break-all;}
.horiz_tbl td .comment {display:inline-block; margin-left:10px; color:red;  }
.horiz_tbl td:first-child {border-left: none;}
.horiz_tbl tbody tr {border-top: 1px solid #d5d7d9;}
.horiz_tbl .bet_contents tbody tr:nth-of-type(0) {border-top: none;}
.horiz_tbl tbody tr:hover td {background-color: #fffeed;}
.horiz_tbl tbody tr:nth-child(odd) {background-color: #fff;}
.horiz_tbl tbody tr:nth-child(even) {background-color: #fcfeff;}
.horiz_tbl tbody tr.disable {background-color: #eee !important;}
.horiz_tbl tbody tr.verified {background-color: #edffed !important;}
.horiz_tbl tbody tr.notice {background-color: #ffeded !important;}
.horiz_tbl tbody tr.news_notice {background-color: #fff0e9 !important;}
.horiz_tbl tbody tr.news_notice:hover td {background-color: #fff0e9 !important;}
.horiz_tbl tbody tr.underscore td,
.horiz_tbl tbody tr.underscore td a {text-decoration:line-through; color:red;}
.horiz_tbl td .row {display: block; line-height: 19px;}
.horiz_tbl .o {color: #e41111;}
.horiz_tbl .x {color: #1e66e9;}
.horiz_tbl .is_flag span:before {display: inline-block; padding: 0 5px; content: '/'; color: #333;}
.horiz_tbl .is_flag span:first-child:before {display: none;}
.horiz_tbl .bet_match_btn { display: inline-block; border: solid 1px #2980b9; width: 100%; text-decoration: none; height: calc(100% - 7px); font-size: 13px; font-weight: bold;}
.horiz_tbl .bet_match_btn.win {background-color: #ffe9f4;}
.horiz_tbl .bet_match_btn.selected {background-color: #16a085; color: #fff !important;}
.horiz_tbl .bet_match_btn.selected .ing, .horiz_tbl .bet_match_btn.selected .win {color: #fff !important;}
.horiz_tbl .confirm_btn { background-color: #2980b9; color: #fff; width: 100%; height: calc(100% - 7px); text-decoration: none;}
.horiz_tbl .result_btn .win { color: #fff; }
.horiz_tbl .result_btn .ing { color: #fff; }
.horiz_tbl .reject_btn { display: inline-block; background-color: #ececec; border: 1px solid #d5d7d9; width: 100%; height: calc(100% - 7px); line-height: 34px; text-decoration: none;}
.horiz_tbl2 {width: 100%; border: none;}
.horiz_tbl2 th {padding: 0 10px; height: 40px; border: none; text-align: center; font-weight: bold; border-top: 1px solid #d5d7d9; background-color: #fafbfd;}
.horiz_tbl2 th:first-child {border-left: none;}
.horiz_tbl2 th .row {display: block;}
.horiz_tbl2 td {padding: 5px; height: 41px; border: none; text-align: center; word-break: break-all;}
.horiz_tbl2 td:first-child {border-left: none;}
.horiz_tbl2 tbody tr {}
.horiz_tbl2 .bet_contents tbody tr:nth-of-type(0) {border-top: none;}
.horiz_tbl2 tbody tr:hover td {background-color: #fffeed;}
.horiz_tbl2 tbody tr:nth-child(odd) {background-color: #fff;}
.horiz_tbl2 tbody tr:nth-child(even) {background-color: #fcfeff;}
.horiz_tbl2 tbody tr.disable {background-color: #eee !important;}
.horiz_tbl2 tbody tr.verified {background-color: #edffed !important;}
.horiz_tbl2 tbody tr.notice {background-color: #ffeded !important;}
.horiz_tbl2 tbody tr.news_notice {background-color: #fff0e9 !important;}
.horiz_tbl2 tbody tr.news_notice:hover td {background-color: #fff0e9 !important;}
.horiz_tbl2 td .row {display: block; line-height: 19px;}
.horiz_tbl2 .o {color: #e41111;}
.horiz_tbl2 .x {color: #1e66e9;}
.horiz_tbl2 .is_flag span:before {display: inline-block; padding: 0 5px; content: '/'; color: #333;}
.horiz_tbl2 .is_flag span:first-child:before {display: none;}
.vert_tbl {width: 100%; border: none;}
.vert_tbl th {padding: 0 10px 0 20px; height: 51px; border: none; text-align: left; font-weight: bold; border-top: 1px solid #d5d7d9; border-left: 1px solid #d5d7d9; border-bottom: 1px solid #d5d7d9; border-right: 1px solid #d5d7d9; background-color: #fafbfd;}
.vert_tbl th:first-child {border-left: none;}
.vert_tbl td {padding: 10px 20px; height: 41px; border: none; border-top: 1px solid #d5d7d9; border-bottom: 1px solid #d5d7d9;}
.vert_tbl td .referrer_site {display:inline-block; overflow:hidden; max-width:375px; text-overflow:ellipsis; white-space:nowrap;}
.vert_tbl .UA {margin-bottom: 30px;}
.vert_tbl tbody td:hover {background-color: #fffeed;}
.vert_tbl tbody .remain_cash {display:inline-block}
.vert_tbl tbody .loss_data {float:left; clear:both;}
.vert_tbl tbody .loss_btn_area {margin-top:10px;}
.vert_tbl.th_w150 th {width: 150px;}
.vert_tbl .faq_tip::after {content: '가장 최신 게시물이 맨위로 노출됩니다.'; display: inline-block; margin: 10px 0 0 10px;}
/* __page_cont ******************************************************************************************************************************************/
.__page_cont {margin-bottom: 20px; padding: 0 20px 20px 20px; border: 1px solid #d6dce4; box-shadow: 2px 2px 6px #cecece; background-color: #fff; }
.__page_cont:after {display: block; content: ''; clear: both;}
.__page_cont .hd {margin-bottom: 20px; height: 51px; border-bottom: 2px solid #d6dce4;}
.__page_cont .hd .tit {float: left; line-height: 51px; font-size: 15px; color: #666;}
.__page_cont .hd .tit em {margin-left: 10px; font-weight: normal; font-size: 11px; color: #999;}
.__page_cont .info_summary {margin: -10px 0 10px 0; padding: 5px; height: 31px; line-height: 31px;}
.__page_cont .info_summary .info {float: left;}
.__page_cont .info_summary strong {color: #4e5e6a; font-size: 12px;}
.__page_cont .info_summary .search_area {float: right;}
.__page_cont .fontawesome_list li {float: left; margin: 0 -1px -1px 0; width: 126px; height: 100px; border: 1px solid #d5d7d9; text-align: center;}
.__page_cont .fontawesome_list i {display: inline-block; margin-top: 10px; font-size: 35px;}
.__page_cont .fontawesome_list span {display: block; padding: 10px 5px 0 5px; text-align: center; font-size: 11px;}
.image_name {float: left;}
.image_name img {display: inline; margin-right: 5px; vertical-align: middle; border-radius: 50%;}
/* search_wrap */
.search_wrap {position: relative; float: left;}
.search_wrap .search_box {position: relative; width: 198px; margin: 0 -1px; height: 35px; /*border-left:1px solid #3f648e; border-right:1px solid #3f648e;*/}
.search_wrap .search_box:before {position: absolute; top: 22px; left: 21px; content: ''; width: 17px; height: 17px; background: url('/img/sp_header.png?v181024') no-repeat;}
.search_wrap .search_box .ic_search {display: none;}
.search_wrap .input_box {display: block; padding: 0px 0px 0px 00px; width: 138px; height: 17px; line-height: 17px; border: none; background: none; color: #fff; letter-spacing: .5px;}
.search_wrap .input_box::placeholder {color: #8da1bb; letter-spacing: 0;}
.search_wrap .input_box:-ms-input-placeholder {color: #8da1bb; letter-spacing: 0;}
.search_wrap .input_box::-ms-input-placeholder {color: #8da1bb; letter-spacing: 0;}
.search_wrap .search_box.selected {position: relative; background-color: #2f4b6b; border-left: 1px solid #2c4663; border-right: 1px solid #2c4663; z-index: 1;}
.search_wrap .search_box.selected:before {background-position: -20px 0;}
.search_wrap .search_box.selected .input_box {color: #ffea00;}
.search_wrap .tt-menu {margin-left: -1px; padding: 0; width: 100%; border: 1px solid #bdc2c9; border-top: none; background-color: #fff; /*box-shadow:0 2px 10px rgba(0,0,0,0.1);*/ z-index: 9999;}
.search_wrap .tt-menu {box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24), inset 0 4px 6px -4px rgba(0, 0, 0, .24)}
.search_wrap .search_title {padding: 0 20px; height: 30px; line-height: 30px; font-weight: bold; background-color: #f9fafc;}
.search_wrap .tt-suggestion {padding: 7px 20px; line-height: 17px;}
.search_wrap .tt-suggestion .lnk {display: block;}
.search_wrap .tt-suggestion .lnk:hover {text-decoration: none;}
.search_wrap .tt-suggestion.tt-cursor {background-color: #fa8958;}
.search_wrap .tt-suggestion.tt-cursor .lnk {color: #fff;}
.search_wrap .empty-message {display: none; height: 70px; line-height: 70px; text-align: center; font-size: 12px;}
.search_wrap .btn_search_open,
.search_wrap .btn_search_close {display: none;}
.ieo_list td {height: 51px; border: none; border-left: 1px solid #f2f4f7; text-align: center;}
.ieo_list td:first-child {border-left: none;}
.ieo_list td.rank_cell {padding: 0;}
.ieo_list td.rank_cell .rank {position: relative; display: block; height: 51px; line-height: 51px; font-weight: bold; text-align: center;}
.ieo_list td.terms_cell {padding: 0; text-align: center;}
.ieo_list .exchange {position: relative; display: block; padding-left: 65px; height: 31px; text-align: left;}
.ieo_list .exchange img {position: absolute; top: 3px; left: 20px; width: 25px; height: 25px;}
.ieo_list .exchange span {display: block; height: 31px; line-height: 31px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ieo_list .exchange:hover {text-decoration: none;}
.ieo_list .coin {position: relative; display: block; padding-left: 65px; height: 31px; text-align: left;}
.ieo_list .coin img {position: absolute; top: 3px; left: 20px; width: 25px; height: 25px;}
.ieo_list .coin span {display: block; height: 15px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ieo_list .coin .quote_currency {display: none;}
.ieo_list .coin:hover {text-decoration: none;}
.ieo_list .symbol {color: #fa8958;}
.ieo_list .name {margin-bottom: 1px; font-weight: bold;}
.ieo_list .time em {display: inline-block; width: 30px; height: 21px; line-height: 21px; text-align: center; font-size: 13px; font-weight: bold;}
.ieo_list .time em:before {float: left; content: ':';}
.ieo_list .time em:first-child:before {content: '';}
.ieo_list .close {display: block; text-align: center;}
.ieo_list .terms {display: inline-block; vertical-align: middle;}
.ieo_list .ieo_terms_tip {margin-left: -5px; vertical-align: middle; text-align: left;}
.ieo_list .ieo_terms_tip .ic {font-size: 0;}
.ieo_list .ieo_terms_tip .cont {top: 40px; left: -250px;}
.ieo_list .ieo_terms_tip .cont:before {left: 261px;}
.ieo_list .ieo_terms_tip .cont:after {left: 262px;}
/* no history */
.no_history {width: 100%; padding: 80px 0; font-size: 14px; display: inline-block; text-align: center;}
.no_history .search_keyword {font-weight: bold; color: #e09704;}
/* toast */
#toast_notification {position: fixed; bottom: 0; right: 15px; width: 317px; z-index: 10000;}
#toast_notification .toast {position: relative; margin-bottom: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.11); overflow: hidden;}
#toast_notification .toast .title {padding-left: 20px; height: 31px; line-height: 31px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #383e41; color: #fff;}
#toast_notification .toast .cont {padding: 18px 20px; line-height: 18px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #545c61; word-break: break-all; color: #fff;}
#toast_notification .toast .btn_close {position: absolute; top: 0; right: 0; content: ''; width: 31px; height: 31px; line-height: 31px; text-align: center; overflow: hidden; cursor: pointer;}
#toast_notification .toast .btn_close:before {content: 'close'; color: #fff; font-size: 20px;}
#toast_notification .toast.success .title {background-color: #16a085;}
#toast_notification .toast.success .cont {background-color: #1abc9c;}
#toast_notification .toast.error .title {background-color: #c0392b;}
#toast_notification .toast.error .cont {background-color: #e74c3c;}
#toast_notification .toast.info .title {background-color: #2980b9;}
#toast_notification .toast.info .cont {background-color: #3498db;}
#toast_notification .toast.warning .title {background-color: #e67e22;}
#toast_notification .toast.warning .cont {background-color: #f39c12;}
#toast_notification .animate_slide {position: relative; display: block; animation: toast_slide_left 450ms;}
#toast_notification .fadeout {animation: fadeOut .5s;}
@keyframes toast_slide_left {
	from {opacity: 0; right: -200px;}
	to {opacity: 1; right: 0;}
}
@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
/* margin */
.mr5 {margin-right: 5px;}
/* 페이징 */
.pg_wrap {clear: both;margin: 0 0 20px;padding: 20px 0 0;text-align: center}
.pg {display: inline-block}
.pg_page, .pg_current {color: #9f9f9f;display: inline-block;float: left;padding: 0 13px;line-height: 30px;text-decoration: none;border: 1px solid #ddd;margin-left: -1px}
.pg a:focus, .pg a:hover {background-color: #f3f3f3}
.pg a:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pg a:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.pg_page {background: #fff;text-decoration: none}
.pg_start {background: url(/images/page_1.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden}
.pg_prev {background: url(/images/page_2.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden}
.pg_next {background: url(/images/page_3.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden}
.pg_end {background: url(/images/page_4.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden}
.pg_current {display: inline-block;background: #3f51b5;color: #fff;font-weight: normal}
.total_fee {float: right; }
.win { color: #f00; font-weight: bold;}
.lose { color: #0084ff;font-weight: bold;}
.exp { color: #f000ff;font-weight: bold;}
.ing { color: #717171;font-weight: bold;}
.user_ban { color:#ba1a2d;}
.home { text-align: right; padding-right: 5px; background: #bddaff; font-weight: bold;}
.away { text-align: left; padding-left: 5px; background: #f5cdcd; font-weight: bold;}
.bet { font-weight: bold;}
.back { color: green; font-weight: bold;}
.high_pay { color: #00e754; font-weight: bold; }
/**
 * Checkbox를 버튼 형태로
 * <div class="btn_chk"><input type="checkbox" /><label class="btn"></label></div>
 */
.btn_chk {display: inline-flex;position: relative;}
.btn_chk > .btn {z-index: 1;margin-left: -1px;}
.btn_chk > .btn:hover, .btn_chk > .btn:focus {z-index: 2}
.btn_chk > INPUT[type="radio"], .btn_chk > INPUT[type="checkbox"] {opacity: 0;position: absolute;}
.btn_chk > INPUT[type="radio"]:checked + .btn:not(.active),
.btn_chk > INPUT[type="checkbox"]:checked + .btn:not(.active) {color: #2c4663;border-color: #2c4663;z-index: 3;}
.btn_chk:not(.check-icon) > INPUT[type="radio"]:checked + .btn,
.btn_chk:not(.check-icon) > INPUT[type="checkbox"]:checked + .btn {border: 1px solid #2c4663; background-color: #2f4b6b; color: #fff;}
.btn_chk > .btn.active, .btn_chk .btn.active {color: #2c4663;border-color: #2c4663;z-index: 3; }
/*리스트에서 체크박스*/
.btn_chk.check-icon .btn {position: relative;padding: 0 .75rem 0 1.75rem;}
.btn_chk.check-icon .btn::after {content: "";position: absolute;left: .75rem;top: .875rem;width: 3px;height: 7px;border: solid #d5d7d9;border-width: 0 2px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.btn_chk.check-icon > INPUT[type="radio"]:checked + .btn,
.btn_chk.check-icon > INPUT[type="checkbox"]:checked + .btn {box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .175);}
.btn_chk.check-icon > INPUT[type="radio"]:checked + .btn::after,
.btn_chk.check-icon > INPUT[type="checkbox"]:checked + .btn::after {border-color: #2c4663 }
/**/
.btn_chk.color-secondary > INPUT[type="radio"]:checked + .btn:not(.active),
.btn_chk.color-secondary > INPUT[type="checkbox"]:checked + .btn:not(.active) {color: #6b6d7d;border-color: #6b6d7d;}
.btn_chk.check-icon.color-secondary > INPUT[type="radio"]:checked + .btn::after,
.btn_chk.check-icon.color-secondary > INPUT[type="checkbox"]:checked + .btn::after {border-color: #6b6d7d }
/**/
.btn_chk.color-danger > INPUT[type="radio"]:checked + .btn:not(.active),
.btn_chk.color-danger > INPUT[type="checkbox"]:checked + .btn:not(.active) {color: #ff6c00;border-color: #ff6c00;}
.btn_chk.check-icon.color-danger > INPUT[type="radio"]:checked + .btn::after,
.btn_chk.check-icon.color-danger > INPUT[type="checkbox"]:checked + .btn::after {border-color: #ff6c00 }
/**/
.btn_chk.color-info > INPUT[type="radio"]:checked + .btn:not(.active),
.btn_chk.color-info > INPUT[type="checkbox"]:checked + .btn:not(.active) {color: #36b9cc;border-color: #36b9cc;}
.btn_chk.check-icon.color-info > INPUT[type="radio"]:checked + .btn::after,
.btn_chk.check-icon.color-info > INPUT[type="checkbox"]:checked + .btn::after {border-color: #36b9cc }
/**
 * Inputbox group
 */
.input_group {display: inline-flex;position: relative;line-height: 35px;vertical-align: top}
.input_group > .inputbox, .input_group > .selectbox, .input_group > .btn, .input_group > .inputtext {z-index: 1;margin-left: -1px;}
.input_group > .inputbox:first-child, .input_group > .selectbox:first-child, .input_group > .btn:first-child, .input_group > .inputtext:first-child {margin-left: 0;}
.input_group .inputbox:focus, .input_group .selectbox:focus, .input_group .btn:focus, .input_group .inputbox:hover, .input_group .selectbox:hover, .input_group .btn:hover {z-index: 2}
.input_group .inputtext {padding: 0 5px;border: 1px solid #d5d7d9;background-color: #f6f6f6}
.input_group .jsdatepicker {cursor: pointer}
.input_group .jsdatepicker:read-only {background: #fff;}
.input_group .jsdatepicker:disabled {background-color: #edf0f4;color: #888;text-shadow: 1px 1px rgba(255, 255, 255, 1);box-shadow: inset 0 0 4px rgba(0, 0, 0, .075);}
.inputbox.date-range, .input-period {cursor: pointer;padding: 0 10px 0 30px}
.inputbox.date-range:read-only, .inputbox.input-period:read-only {background: #fff;}
.inputbox.date-range:disabled, .inputbox.input-period:disabled {background-color: #edf0f4;color: #888;text-shadow: 1px 1px rgba(255, 255, 255, 1);box-shadow: inset 0 0 4px rgba(0, 0, 0, .075);}
.inputbox.date-range + I.fas, .input-period + I.fas {position: absolute;left: 10px;top: 0;z-index: 100;font-size: 12px;color: #888;line-height: 35px;}
.w_auto {width: auto;}
.btn.btn_narrow {padding: 0 .5rem;white-space: nowrap}
.btn.btn_secondary {border-color: #d5d7d9;background-color: #f6f6f6}
/*
 *
 */
#header .summary-toggle {position: absolute;display: block;text-align: center;left: 440px;right: 220px;bottom: 0;padding: 0;font-size: 24px;opacity: .375; }
#header .summary-toggle:hover {opacity: 1;}
#header.opened .summary-toggle {transform: rotateX(-180deg);}
#header.opened .summary-container {box-shadow: 0 1px 5px rgba(0, 0, 0, .135);border-bottom: 1px solid #c7c9ed}
#header.loaded .summary-toggle {transition: transform ease-in-out .3s;}
#header.loaded .summary-container {transition: height ease-in-out .3s;position: relative;}
#container.loaded {transition: padding-top ease-in-out .3s;}
.summary-container {height: 0; overflow: hidden; cursor: default; background-color: #edf0f4;}
.summary-container .daterangepicker{margin-top:80px;}
.summary-container .summary-content {padding: 10px; background-color: #fff;}
.summary-container .search-form {margin-bottom: 10px;}
.summary-container .search-form:after {display: block; content: ''; clear: both;}
.summary-container .search-form .cate_tab label {float: left; margin-right: -1px; padding: 0 15px; height: 35px; line-height: 35px; border: 1px solid #d5d7d9; background-color: #ececec; box-sizing: border-box;}
.summary-container .search-form .cate_tab input:checked + label {border: 1px solid #2c4663; background-color: #2f4b6b; color: #fff;}
.summary-container .search-form .range_search {position: relative;display: inline-block}
.summary-container .search-form .range_search .inputbox {display: block; width: 190px; padding: 0 10px 0 30px; letter-spacing: 0;}
.summary-container .search-form .range_search .fa-calendar-alt {position: absolute; top: 0; left: 10px; font-size: 14px; color: #999;}
.summary-container .search-form .range_search .tx {float: left; margin: 0 -1px; width: 30px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d5d7d9; background-color: #fafbfd; box-sizing: border-box;}
.summary-container .search-form .btn_range {float: left;}
.summary-container .search-form .btn_range button {float: left; margin-left: -1px; padding: 0 10px; height: 35px; line-height: 35px; border: 1px solid #d5d7d9; background-color: #fafbfd; box-sizing: border-box;}
.summary-container .search-form .btn_range .btn {margin-left: 0;}
.summary-container .summary-totals {border-right: 1px solid #d5d7d9; border-bottom: 1px solid #d5d7d9;}
.summary-container .summary-totals:after {display: block; content: ''; clear: both;}
.summary-container dl {float: left; width: 20%; height: 35px; line-height: 35px; border-top: 1px solid #d5d7d9;}
.summary-container dt {float: left; min-width: 130px; padding-left: 10px; border-left: 1px solid #d5d7d9; border-right: 1px solid #d5d7d9;text-align: left; background-color: #fafbfd;}
.summary-container dd {float: right; padding-right: 10px; font-weight: bold;}
.summary-container .fixed-item {background-color: #e0e8fa;}
.summary-container .u-cash {color: #d95353;}
.summary-container .u-slash:before {content: "\002F\0020"}
.summary-container .u-man:after {content: "명"; margin-left: 5px;}
.summary-container .u-gold {color: #f0a42b;}
.summary-container .tooltip-toggle {display: inline-block; margin-left: 3px; font-size: 11px; color: #999; cursor: help; margin-top: 2px;}
.summary-container .tooltip-toggle::after {content: ''; clear: both;}
.summary-container .tooltip-toggle.active {color: #000;}
.summary-container .period-content {display: inline-flex;}
.summary-container .period-group + LABEL {float: left; margin-right: -1px; padding: 0 15px; height: 35px; line-height: 35px; border: 1px solid #d5d7d9; background-color: #ececec; box-sizing: border-box;}
.summary-container .period-group + LABEL:after{display: block; content: ''; clear: both;}
.summary-container .period-group:checked + label {border: 1px solid #2c4663; background-color: #2f4b6b; color: #fff;}
.tooltip {position: absolute;z-index: -1;display: block;margin: 0;font-style: normal;font-weight: 400;line-height: 1.5;text-align: left;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: 1rem;word-wrap: break-word;opacity: 0;}
.tooltip .arrow {position: absolute;display: block;}
.tooltip .arrow::before {position: absolute;content: "";border: solid transparent;}
.tooltip-inner {max-width: 260px;padding: .5rem .75rem;color: #fff;background-color: #000;border-radius: 0.35rem;box-shadow: 0 2px 4px rgba(0, 0, 0, .5);line-height: 1.6}
.tooltip.show {opacity: .875;z-index: 100;}
.tooltip {transition: opacity ease .2s;}
.tooltip[data-placement="bottom"] {padding: .4rem 0 0;margin-left: -.2rem;margin-top: -10px;}
.tooltip[data-placement="bottom"] .arrow {top: 6px;left: .5rem}
.tooltip[data-placement="bottom"] .arrow::before { bottom: 0;border-width: 0 .4rem .4rem;border-bottom-color: #000;}
.tooltip[data-placement="top"] {padding: 0 0 .4rem;margin-left: -.2rem;margin-top: 6px;}
.tooltip[data-placement="top"] .arrow {bottom: 6px;left: .5rem}
.tooltip[data-placement="top"] .arrow::before { top: 0;border-width: .4rem .4rem 0;border-top-color: #000;}
.inputbox.date-range, .input-period {min-width: 160px;}
.daterangepicker .btn {line-height: 1;height: auto;}
.horiz_tbl tbody tr:hover > TD {background-color: #fffeed;}
.horiz_tbl tbody tr.bg-watch > TD {background-color: #dfdfdd}
.horiz_tbl tbody tr.bg-watch:hover > TD {background-color: #d3d3d0}
.horiz_tbl tbody tr.bg-warning > TD {background-color: #fcdac8}
.horiz_tbl tbody tr.bg-warning:hover > TD {background-color: #fbcab0}
.horiz_tbl tbody tr.bg-lose > TD {background-color: #c3e7f6}
.horiz_tbl tbody tr.bg-lose:hover > TD {background-color: #addef3}
.horiz_tbl tbody tr.bg-watch-lose > TD {background-color: #f4cfce}
.horiz_tbl tbody tr.bg-watch-lose:hover > TD {background-color: #efbbb9}
.text-white {color: #fff !important;}
.text-primary {color: #446e9b !important;}
a.text-primary:hover, a.text-primary:focus {color: #2d4866 !important;}
.text-secondary {color: #999 !important;}
a.text-secondary:hover, a.text-secondary:focus {color: #737373 !important;}
.text-success {color: #3cb521 !important;}
a.text-success:hover, a.text-success:focus {color: #277415 !important;}
.text-info {color: #3399f3 !important;}
a.text-info:hover, a.text-info:focus {color: #0c73cd !important;}
.text-warning {color: #d47500 !important;}
a.text-warning:hover, a.text-warning:focus {color: #884b00 !important;}
.text-danger {color: #cd0200 !important;}
a.text-danger:hover, a.text-danger:focus {color: #810100 !important;}
.text-light {color: #eee !important;}
a.text-light:hover, a.text-light:focus {color: #c8c8c8 !important;}
.text-dark {color: #333 !important;}
a.text-dark:hover, a.text-dark:focus {color: #0d0d0d !important;}
.text-body {color: #777 !important;}
.text-muted {color: #777 !important;}
.cash-text, A.cash-text:hover {color: #d95353 !important;}
.gold-text, A.gold-text:hover {color: #f0a42b !important;}
/* Flex class */
.flex {display: flex !important;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-row-reverse {flex-direction: row-reverse !important;}
.flex-column-reverse {flex-direction: column-reverse !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
.flex-fill {flex: 1 1 auto !important;}
.flex-grow-0 {flex-grow: 0 !important;}
.flex-grow-1 {flex-grow: 1 !important;}
/*
 * 차트 통계
 */
DL.chart-tooltip {margin: .275rem;padding: 0;}
DL.chart-tooltip > DT, DL.chart-tooltip > DD {margin: 0;padding: 0.15rem;}
DL.chart-tooltip > DT {white-space: nowrap;}
DL.chart-tooltip > DD {padding-left: 1.375rem;padding-top: .25rem;}
DL.chart-tooltip .data-value::before {content: "\003A";padding-right: .25rem;}
DL.chart-tooltip .lang-value {font-size: .75rem; display: block;text-align: right}
DL.chart-tooltip .lang-value::before {margin: 0 .25rem; content: '\0028';}
DL.chart-tooltip .lang-value::after {content: '\0029';}

.chart-tooltip-container > H5 {margin:.15rem 0 0 0;padding:.25rem;font-size:1rem;}
.chart-tooltip-container > .series {margin:.25rem;display: flex;}
.chart-tooltip-container > .series > .episode {margin:0;padding: .15rem;min-width: 80px;white-space: nowrap}
.chart-tooltip-container > .series > .point {margin:0;padding: .15rem;}
.chart-tooltip-container > .series .data-value::before {content: "\003A";padding-right: .25rem;}
/**
 * 통계 페이지 공통
 */
SECTION.table {margin: 15px 0 0 0;padding: 0;display: flex;flex-wrap: nowrap;position: relative;overflow: hidden;border-top: 1px solid #d5d7d9;border-bottom: 1px solid #d5d7d9}
SECTION.table > UL {margin: 0;padding: 0;}
SECTION.table > UL > LI {margin: 0;border-top: 1px solid #d5d7d9;}
SECTION.table > UL > LI:first-child {position: sticky; background-color: #fafbfd; transition: top .3s ease-in-out;}
SECTION.table > UL.stats-content {flex-grow: 1;width: 100%;max-width: 100%;transition: scroll-left;/*scroll-behavior: smooth;*/-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Safari */-khtml-user-select: none; /* Konqueror HTML */-moz-user-select: none; /* Old versions of Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currently*/}
SECTION.table#stats-table {overflow: initial;}
SECTION.table .stats-content::-webkit-scrollbar {background-color: #F6f6f6; height: 12px;}
SECTION.table .stats-content::-webkit-scrollbar-thumb {background-color: #2f4b6b;border: 0;border-radius: 0;background-clip: content-box;}
SECTION.table .stats-content > LI {display: table;width: 100%;transition: background-color ease-in-out .2s, box-shadow ease-in-out .15s}
SECTION.table .stats-content > LI > .td {display: table-cell;height: 40px; padding: 0;vertical-align: middle}
SECTION.table .stats-content > LI:not(.th):hover {box-shadow: 0 0 10px rgba(0, 0, 0, .075);background-color: #fffeed;}
SECTION.table.scroll .stats-content {overflow: hidden;overflow-x: auto}
SECTION.table .th {text-align: center;vertical-align: middle;font-weight: 700;}
SECTION.table .hbg {background: #fafbfd;}
SECTION.table .td { min-width: 160px; white-space: nowrap;border-right: 1px solid #F2F2F2}
SECTION.table .td:last-child {border-right: 0;}
SECTION.table .stats-date > LI {height: 40px;line-height: 40px;border-right: 1px solid #F2F2F2}
SECTION.table .stats-date::-webkit-scrollbar {background-color: #fafbfd; height: 10px;}
SECTION.table .stats-date > LI > SPAN {font-weight: 700}
SECTION.table.scroll {box-shadow: -2px 0 2px 0 rgba(0, 0, 0, .045) inset;border-right: 1px solid #f2f2f2}
SECTION.table.scroll .stats-date {box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .045);overflow-x: scroll;}
/* 정렬 선택*/
.cm-sort {color: #999;margin: 0 .25rem;}
.cm-sort.active {color: #ff6c00}
.format-kor {margin-left: .5rem;font-size: .75rem;display: none;}
.format-kor::before {content: "\0028";}
.format-kor::after {content: "\0029";}
.collapse-toogle {text-align: right}
.collapse-toogle .btn {padding: .5rem;margin: 0;height: auto;width: auto;line-height: 1;}
.collapse-toogle .btn > i {margin: 0;transition: transform ease-in-out .1s;transform: rotate(180deg);}
.collapse-toogle .btn.close > i {transform: rotate(0);}
/*
 | TAB
 */
.stats-tabs {display: flex;padding: 0 .75rem;border-bottom: 1px solid #d5d7d9;}
.stats-tabs > [role="tab"] {padding: 0;margin: 0 0 -1px 0;}
.stats-tabs > [role="tab"] > A {padding: .75rem 1.75rem;display: block;background-color: #fafbfd;border: 1px solid #d5d7d9;margin-left: -1px;}
.stats-tabs > [role="tab"] > A.active {border-bottom-color: #fff;background-color: #fff;color: #2f4b6b}
.stats-tabs > [role="tab"] > A:hover {text-decoration: none;background-color: #fafbfd;color: #2f4b6b}
/*
 | 날짜 표기
 */
.stats-suffix::before {content: '\005B';color: #333;font-weight: 400;margin-left: .5rem;}
.stats-suffix:after {content: '\005D';color: #333;font-weight: 400;}
.quarter-color-1 {color: #10AC00}
.quarter-color-2 {color: #FDCA01}
.quarter-color-3 {color: #FB5C00}
.quarter-color-4 {color: #00A2E8}
.week-number-color-1 {color: #10AC00}
.week-number-color-2 {color: #FDCA01}
.week-number-color-3 {color: #FB5C00}
.week-number-color-4 {color: #00A2E8}
.week-color-0 {color: #f60}