body {font-size: 12px !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;color: #fff;}
h1, h2, h3, h4, h5, h6, .en {font-family: 'NEXON Lv2 Gothic', sans-serif !important;}

.align-items-center {-ms-flex-align: center!important;align-items: center!important;}
.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;}


.border-top {border-top: 1px solid #dee2e6!important;}
.bg-light {background-color: #222222 !important;}
button, input {overflow: visible;}
button, select {text-transform: none;}
[type=button], [type=reset], [type=submit], button {-webkit-appearance: button;}

.btn {display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-primary {color: #fff;background-color: #007bff;border-color: #007bff;}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .page-item.active .page-link, .show > .btn-outline-primary.dropdown-toggle, .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #01a032 !important;
    border-color: #01a032 !important;
}
.btn-block {display: block;width: 100%;}
.btn-lg {padding: 7px 16px;border-radius: 3px;line-height: 1.33;font-size: 18px;}
.btn:not(:disabled):not(.disabled) {cursor: pointer;}
.border-bottom {border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;}
.btn-group, .btn-group-vertical {position: relative;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;}
.btn.btn-basic {color: #000 !important;border-image: none !important;background-image: none !important;border: 1px solid #ddd;background-color: #fff;}

.btn-group-lg>.btn, .btn-lg {padding: 0.5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: 0.3rem;}
.btn-group, .btn-group-vertical {position: relative;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle;}
#bo_v_btn_group #btn_bo_good {background: #db3232;color: #fff !important;border: 1px solid #db3232;border-right: 0 !important;border-radius: 10px 0 0 10px;font-size: 1rem;width: 110px;padding: 1px 0px 0px 0px;;text-align: right;}
#bo_v_btn_group #btn_bo_good #wr_good {font-weight: normal;position: absolute;left: 10px;width: 44px;text-align: center;}
.btn-group-vertical>.btn, .btn-group>.btn {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;}

.bo_event_top_con_wrap {margin: 0 0 30px;padding: 0;}
.bo_event_img_wrap {float: left;width: 330px;height: 260px;margin-right: 15px;}
.bo_event_bet_info_wrap {float: left;width: calc(100% - 345px);}
.bo_event_status {height: 44px;line-height: 44px;border-radius: 10px;text-align: center;color: #fff;box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);-webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);-moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);}
.bo_event_status.ing {background: #db3232;}
.bo_event_status.end {background: #999;}
#bo_event_date tbody tr:first-child th {border-radius: 10px 0 0 10px;}
#bo_event_date tbody th, #bo_event_date tbody td {height: 44px;padding-top: 0;padding-bottom: 0;}
#bo_event_date tbody tr:first-child td {border: 1px solid #e8e9eb;border-left: 0;border-radius: 0 10px 10px 0;}




.clearfix::after {display: block;clear: both;content: "";}
.collapse:not(.show) {display: none;}
.cus_btn .inner{line-height: 40px;margin: 15px 0}

.d-block {display: block!important;}
.d-table {display: table!important;}
.d-table-row {display: table-row!important;}
.d-table-cell {display: table-cell!important;}
.d-flex {display: -ms-flexbox!important;display: flex!important;}

.font-weight-normal {font-weight: 400!important;}
.f-sm {font-size: 14px !important;}
.f-de {font-size: 16px !important;}
.f-mo {font-size: 20px !important;line-height: 1.8 !important;font-family: 'NEXON Lv2 Gothic', sans-serif !important;font-weight: 400 !important;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.flex-grow-1 {-ms-flex-positive: 1!important;flex-grow: 1!important;}
.form-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;}
.form-row>.col, .form-row>[class*=col-] {padding-right: 5px;padding-left: 5px;}


.text-white {color: #fff !important;}
.text-nowrap {white-space: nowrap!important;}
.text-right {text-align: right!important;}
.text-center {text-align: center!important;}

.tbl_bo_event_bet_info {width: 100%;border-collapse: separate;border-spacing: 0;box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);-webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);-moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);}
.tbl_bo_event_bet_info tr th {width: 120px;border: 1px solid #333;border-bottom: 1px solid #424242;border-top: 0;background: #333;color: #fff;font-weight: normal;height: 44px;letter-spacing: -0.05rem;padding: 8px 18px;font-size: 16px;}
.tbl_bo_event_bet_info tr td {word-break: break-all;height: 44px;overflow: hidden;border: 1px solid #e8e9eb;border-top: 0;padding: 8px 16px;font-size: 16px;color: #000;background: #fff;}
#bo_event_benefit {border-radius: 10px;margin-top: 6px;}
#bo_event_benefit tbody tr th {text-align: center;height: 34px;padding-top: 0;padding-bottom: 0;}
#bo_event_benefit tbody tr:first-child th {border-radius: 10px 10px 0 0;}
#bo_event_benefit tbody tr td {text-align: center;height: 100px;}
#bo_event_benefit tbody tr:last-child td {border-radius: 0 0 10px 10px;}
.bo_event_top_con_wrap:after {display: block;content: '';visibility: hidden;clear: both;}





.mb-0, .my-0 {margin-bottom: 0!important;}



i.empty {display: none;}

.p-3 {padding: 1rem!important;}
.pt-0, .py-0 {padding-top: 0!important;}
.pr-0, .px-0 {padding-right: 0!important;}
.pl-0, .px-0 {padding-left: 0!important;}
.pb-2, .py-2 {padding-bottom: 0.5rem!important;}
.pr-2, .px-2 {padding-right: 0.5rem!important;}
.pt-2, .py-2 {padding-top: 0.5rem!important;}
.pl-3, .px-3 {padding-left: 1rem!important;}
.pt-3, .py-3 {padding-top: 1rem!important;}
.pb-3, .py-3 {padding-bottom: 1rem!important;}
.pr-3, .px-3 {padding-right: 1rem!important;}
.pr-4, .px-4 {padding-right: 1.5rem!important;}
.pb-4, .py-4 {padding-bottom: 1.5rem!important;}
.position-relative {position: relative!important;}
.pull-right {float: right;}
.progress-bar {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;background-color: #007bff;transition: width .6s ease;}


.ml-3, .mx-3 {margin-left: 1rem!important;}
.nw-5 {width: 5rem;}


.w-100 {width: 100%!important;}

.input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}

.form-control {display: block;width: 100%;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #fff;background-color: #2c2c2c;background-clip: padding-box;border: 1px solid #2c2c2c;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;0}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group-append, .input-group-prepend {display: -ms-flexbox;display: flex;}
.input-group-append {margin-left: -1px;}


.input-group-append .btn, .input-group-prepend .btn {position: relative;z-index: 2;}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.img-wrap {display: block;position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;}
.img-render {image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.img-wrap .img-item {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.img-wrap .img-item img, .img-wrap .img-item video {display: block;border: 0;width: 100%;height: auto;margin: 0 auto;}




.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;border-bottom: 3px solid #01a032;}

hr.hr::after, .dropdown-item.active, .dropdown-item:active, .bg-primary {background-color: #222222 !important;}

.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.row-cols-1>* {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.row-cols-2>* {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}


.na-table {table-layout: fixed;border-collapse: collapse;}
.na-table .d-table-cell, .na-table .d-sm-table-cell, .na-table .d-md-table-cell, .na-table .d-lg-table-cell, .na-table .d-xl-table-cell, .na-table td {vertical-align: middle;}
.na-table .py-2 {padding-top: 0.55rem !important;padding-bottom: 0.55rem !important;}
.na-row {margin-left: -0.75rem !important;margin-right: -0.75rem !important;}
.na-col {padding-left: 0.75rem !important;padding-right: 0.75rem !important;}
.na-title .na-item {display: flex;align-items: center;}
.na-title .na-subject {display: inline-block;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;font-weight: bold;color: #fff;}
.na-title .na-ticon {position: relative;width: 12px;min-width: 12px;height: 12px;line-height: 12px;display: inline-block;background-repeat: no-repeat;background-position: left top;font-size: 1px;padding: 0;margin: 0 0 0 5px;}
.na-title .na-info {position: relative;top: -1px;text-align: right;margin: 0 0 0 5px;}


.sv_wrap {position: relative;font-weight: normal;}
.sv_wrap .sv {z-index: 1000;display: none;margin: 5px 0 0;font-size: 12px;background: rgb(50, 60, 70);padding: 6px 0;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv a {display: block;margin: 0;padding: 0 10px;line-height: 28px;width: 100px;font-weight: normal;color: #fff;}
.sly-tab {font-size: 14px !important;}
.sly-tab li a {display: block;text-align: center;border: 1px solid #e5e5e5;border-left: 0;color: #fff;background: #fafafa;}


.justify-content-end {-ms-flex-pack: end!important;justify-content: flex-end!important;}



.xp-icon img {width: auto !important;height: auto !important;display: inline !important;}


.mb-0, .my-0 {margin-bottom: 0!important;}
.mr-n2, .mx-n2 {margin-right: -0.5rem!important;}
.ml-n2, .mx-n2 {margin-left: -0.5rem!important;}
.m-auto {margin: auto!important;}




/* 페이징 */
.skin_pages .pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.skin_pages .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.skin_pages .pg {text-align:center}
.skin_pages .pg_page, .pg_current {display:inline-block;vertical-align:middle;background: #2c2c2c;border: 1px solid #2c2c2c;}
.skin_pages .pg a:focus, .pg a:hover {text-decoration:none}
.skin_pages .pg_page {color: #fff;font-size:1.083em;height:40px;line-height:40px;padding:0 5px;min-width:40px;text-decoration:none;border-radius:3px}
.skin_pages .pg_page:hover {background-color:#fafafa}
.skin_pages .pg_start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #000}
.skin_pages .pg_prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #000}
.skin_pages .pg_end {text-indent:-999px;overflow:hidden;background: url('../../img/btn_end.gif') no-repeat 50% 50% #2c2c2c;padding:0;border:1px solid #000}
.skin_pages .pg_next {text-indent:-999px;overflow:hidden;background: url('../../img/btn_next.gif') no-repeat 50% 50% #2c2c2c;padding:0;border: 1px solid #2c2c2c;}
.skin_pages .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.skin_pages .pg_current {display: inline-block;background: #01a032;border: 1px solid #01a032;color: #fff;font-weight: bold;height: 40px;line-height: 40px;padding: 0 10px;min-width: 40px;border-radius: 3px;}


@media (max-width: 1200px){
    .bo_safety_info_img_wrap {width: 100%;height: auto;}
    .bo_safety_info_img_wrap .img_wrap {width: 330px;margin: 0 auto;}
    .bo_safety_info_tbl_wrap {width: 100%;margin: 15px auto 0;}
    .bo_event_img_wrap {width: 100%;height: auto;}
    .bo_event_bet_info_wrap {width: 100%;margin: 15px auto 0;}
}




@media (max-width: 992px){
 #ft_center_2 {font-size: 18px;}
 #ft_logo, #ft_center_1, #ft_center_2, #ft_copyright {margin-bottom: 20px;}   




}


@media (max-width: 767px){
    .mb-4 {margin-bottom: 1rem !important;}
    #nt_bottom_nav_m {display: block;}  
    #nt_sidebar_m {display: block;width: 100%;right: unset;left: -100%;padding-bottom: 70px;box-shadow: unset;-webkit-box-shadow: unset;-moz-box-shadow: unset;}
    #nt_body {margin-top: 15px !important;margin-bottom: 15px !important;}
    #row-area-side, #row-area-content {-ms-flex: unset;flex: unset;max-width: unset;}
    .bg_gray_boxshadow_slope {margin-bottom: 15px !important;}  
    #main_con_2_m {display: block;}
    #main_con_2_m {margin-top: 20px;margin-bottom: 15px;}   
    #bo_v .bo_v_btn_wrap .btn_b01, #bo_v .bo_v_btn_wrap .btn_shingo, #bo_v .bo_v_btn_wrap .btn-primary {padding: 6px 7px 4px !important;margin-left: 2px !important;margin-top: 4px;margin-bottom: 4px;font-size: 13px;} 
    .bo_safety_top_con_wrap {padding: 0;}    
    .totohot_sub_bn_m ul li {width: calc((100% - 3px) / 2);margin-left: 3px;margin-top: 3px;}  
    #bo_cate.sly-tab li a {padding: 10px 18px !important;font-size: 14px;}           
    .bo_event_ing_wrap {font-size: 14px;margin-bottom: 10px;}
    .na-table .py-2 {padding-top: 0.55rem !important;padding-bottom: 0.55rem !important;}    
    .responsive #bo_list .na-title {margin-bottom: 0.14rem;}
    .responsive .nw-md-auto {width: auto !important;display: inline-block !important;}
    .responsive #bo_list .float-left.float-md-none {margin-right: 1rem;}


}


@media (max-width: 575px){
    #nt_body {padding: 0 15px;}
    #bo_search .form-row > div:first-child {-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;}
    #bo_search .form-row > div:last-child {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}    
    #bo_safety_list_select {width: 100%;padding: 0.375rem 0.75rem;height: calc(1.5em + 0.75rem + 2px);}    
    #bo_search input[type=text] {height: calc(1.5em + 0.75rem + 8px);}
    #bo_gallery .img-wrap {float: left;width: 38%;height: 92px;margin-right: 10px;padding-bottom: 0 !important;}
    #bo_gallery .img-wrap .img-item img {height: 100%;}
    #bo_gallery .list-safety-info {float: left;width: calc(100% - 38% - 10px);margin-top: 0;}
    #bo_gallery .list-safety-info table tr th {width: 42%;}
    #bo_gallery .list-safety-info table tr th, #bo_gallery .list-safety-info table tr td {font-size: 13px;padding: 0 3px; height: 29px;}
    #bo_gallery .list-safety-info table tr th, #bo_gallery .list-safety-info table tr td {font-size: 13px; padding: 0 3px;height: 29px;}
    #bo_gallery .list-safety-info table tr td {padding-top: 2px;}
    #bo_gallery .list-safety-info table tr td.site_name img {max-width: 15px;}
    #bo_gallery .list-safety-item-btn-wrap {float: left;width: calc(100% - 38% - 10px);margin-top: 5px;}
    #bo_gallery .list-safety-item-btn-wrap a {font-size: 13px;padding: 0;height: 29px;line-height: 28px;}
    #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img {margin-top: 6px;}
    .responsive #bo_v_title {font-size: 20px;line-height: 1.5;}
    #bo_v_btn_ul #bo_v_btn {width: 100%;margin:0;}    
    .bo_safety_top_con_wrap {margin: 0 0 30px;}   
    .bo_safety_info_img_wrap .img_wrap {width: 100%;}
    .bo_safety_info_tbl_wrap {margin-top: 10px;}
    .tbl_bo_safety_info tr th {width: 78px;}
    .tbl_bo_safety_info tr th, .tbl_bo_safety_info tr td {font-size: 12px;padding: 5px 8px !important;height: 36px;}  
    .tbl_bo_safety_info tbody tr:first-child th, .tbl_bo_safety_info tbody tr:first-child td {height: 37px;} 
    .tbl_bo_event_bet_info tr th { width: 78px;} 
    .tbl_bo_event_bet_info tr th, .tbl_bo_event_bet_info tr td {font-size: 13px;padding: 5px 8px !important;}

    .bo_safety_view_con_line {margin-bottom: 20px;}
    .bo_safety_view_con_line .text {font-size: 14px;padding: 7px 15px;}
    #bo_gallery .img-wrap .img-label-top {height: 28px;line-height: 28px;font-size: 14px;}
    #bo_gallery .img-wrap .img-hover-cover {top: 28px;height: calc(100% - 28px);font-size: 18px;}
    #bo_gallery .img-wrap .img-label-bottom .img-label-bottom-div span {font-size: 12px;}
    #bo_gallery .list-item-title {padding: 5px 10px;font-size: 14px;}
    #bo_gallery .list-event-info {padding-top: 0;}    
    #bo_gallery .m-cu-01 .img-wrap{width: 100%;height: 159.88px;}
    .bo_event_bet_info_wrap {margin-top: 10px;}
    .bo_event_status {font-size: 14px;}
    .bo_event_bet.end .bo_event_bet_select button {padding: 12px 8px 11px;}



}


@media (prefers-reduced-motion: reduce){
    .form-control {transition: none;}
    .btn {transition: none;}
    .progress-bar {transition: none;}

}


.text-muted {color: #8b8b8b !important;}