:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
*, ::after, ::before { box-sizing: border-box; }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; }
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px; }
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; }
.input-group > .custom-file .custom-file-input:focus { z-index: 4; }
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group > .custom-file { display: flex; align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group-append, .input-group-prepend { display: flex; }
.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; }
.input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3; }
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; }
.input-group-prepend { margin-right: -1px; }
.input-group-append { margin-left: -1px; }
.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; }
.input-group-text input[type="checkbox"], .input-group-text input[type="radio"] { margin-top: 0px; }
.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 1rem + 2px); }
.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + 0.5rem + 2px); }
.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }
.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; }
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.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: 0px; border-bottom-left-radius: 0px; }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(0, 123, 255); background-color: rgb(0, 123, 255); }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(128, 189, 255); }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); }
.custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; }
.custom-control-label::before { position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 181, 189); }
.custom-control-label::after { position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% center / 50% 50% no-repeat; }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; }
}
.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: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
  .form-control { transition: none 0s ease 0s; }
}
.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.form-control-file, .form-control-range { display: block; width: 100%; }
.modal-open { overflow: hidden; }
.modal { position: fixed; inset: 0px; z-index: 1040; display: none; overflow: hidden; outline: 0px; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s; transform: translate(0px, -25%); }
.modal.in .modal-dialog { transform: translate(0px, 0px); }
.modal-open .modal { overflow: hidden auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-dialog .container { width: 100% !important; }
.modal-content { position: relative; background-clip: padding-box; border-radius: 6px; outline: 0px; }
.modal-backdrop { position: absolute; top: 0px; right: 0px; left: 0px; background-color: rgb(0, 0, 0); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: 0.75; }
.modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0px; line-height: 1.42857; }
.modal-body { position: relative; padding: 10px; }
.modal-footer { padding: 10px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }
.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0px; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 576px) {
  .modal-dialog { max-width: 560px; margin: 0px auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }
  .modal-sm { max-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl { max-width: 900px; }
}
@media (min-width: 1200px) {
  .modal-xl { max-width: 1170px; }
}
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; 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: 0.875rem; overflow-wrap: break-word; opacity: 0; }
.tooltip.show { opacity: 0.9; }
.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); }
.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }
.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }
.table-sm td, .table-sm th { padding: 0.3rem; }
.table-bordered { border: 1px solid rgb(222, 226, 230); }
.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; }
.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }
body.hasHover .table-hover tbody tr:hover { color: rgb(33, 37, 41); background-color: rgba(0, 0, 0, 0.075); }
.table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); }
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: rgb(122, 186, 255); }
body.hasHover .table-hover .table-primary:hover { background-color: rgb(159, 205, 255); }
body.hasHover .table-hover .table-primary:hover > td, body.hasHover .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); }
.table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); }
.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: rgb(179, 183, 187); }
body.hasHover .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); }
body.hasHover .table-hover .table-secondary:hover > td, body.hasHover .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); }
.table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); }
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: rgb(143, 209, 158); }
body.hasHover .table-hover .table-success:hover { background-color: rgb(177, 223, 187); }
body.hasHover .table-hover .table-success:hover > td, body.hasHover .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); }
.table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); }
.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: rgb(134, 207, 218); }
body.hasHover .table-hover .table-info:hover { background-color: rgb(171, 221, 229); }
body.hasHover .table-hover .table-info:hover > td, body.hasHover .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); }
.table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); }
.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: rgb(255, 223, 126); }
body.hasHover .table-hover .table-warning:hover { background-color: rgb(255, 232, 161); }
body.hasHover .table-hover .table-warning:hover > td, body.hasHover .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); }
.table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); }
.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: rgb(237, 150, 158); }
body.hasHover .table-hover .table-danger:hover { background-color: rgb(241, 176, 183); }
body.hasHover .table-hover .table-danger:hover > td, body.hasHover .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); }
.table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); }
.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: rgb(251, 252, 252); }
body.hasHover .table-hover .table-light:hover { background-color: rgb(236, 236, 246); }
body.hasHover .table-hover .table-light:hover > td, body.hasHover .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); }
.table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); }
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(149, 153, 156); }
body.hasHover .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); }
body.hasHover .table-hover .table-dark:hover > td, body.hasHover .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); }
.table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); }
body.hasHover .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }
body.hasHover .table-hover .table-active:hover > td, body.hasHover .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(69, 77, 85); }
.table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); }
.table-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); }
.table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(69, 77, 85); }
.table-dark.table-bordered { border: 0px; }
.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }
body.hasHover .table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); }
.bottom-btn-set { text-align: center; }
.bottom-btn-set button { padding: 8px 30px 7px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; }
.modal800 .modal-dialog { max-width: 800px; }
.modal { padding-right: 0px !important; }
.modal-dialog { top: 90px; }
.pop-header { position: relative; padding: 0px; margin: 0px; text-align: center; background-image: url(../images/main/center_bg2.png); background-position: 50% 30%; height: 70px; background-size: 150%; }
.pop-header img { width: 110px; height: auto; position: absolute; left: 50%; top: -65%; margin-left: -55px; }
.pop-header h2 { display: inline-block; font-size: 28px; font-family: "Gmarket Sans", sans-serif; color: rgb(255, 255, 255); padding: 0px; margin: 25px 0px 0px; text-shadow: rgb(29, 12, 90) 1px 1px 2px; font-weight: 700; }
.loginPop { padding: 0px; }
.loginPop .modal-content { background: none; border: none; box-shadow: none; }
.loginPop .modal-header { min-height: 1px; padding: 0px; border-bottom: none; }
.loginPop .close { color: rgb(255, 255, 255); position: absolute; right: 15px; top: 15px; z-index: 9999; opacity: 1; }
.loginPop .input-group { width: 80%; margin: 0px auto; }
.loginPop .form-group .custom-checkbox { padding: 10px 0px 0px 35px; }
.loginPop .form-group .custom-checkbox label { color: rgb(170, 170, 170); cursor: pointer; }
.loginPop .user_card { background: url("./images/main/center_bg.jpg") left top !important; }
.loginPop .pop-header { background: none; }
.loginPop .form_container { margin-top: 10px; }
.user_card { min-height: 300px; width: 350px; margin: auto; padding-bottom: 10px; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px; border-style: solid; border-image: linear-gradient(to right, rgb(66, 80, 120) 40%, rgb(44, 55, 84) 80%) 7 / 1 / 0 stretch; border-width: 7px; background: rgba(255, 255, 255, 0.9) !important; }
.user_card .d-flex { font-size: 13px; }
.brand_logo_container { position: absolute; width: 100px; top: -35px; text-align: center; left: 50%; margin-left: -50px; z-index: 98; }
.brand_logo { height: auto; width: 100%; }
.form_container { margin-top: 100px; }
.login_btn { width: 100%; padding: 12px 0px; background: rgb(192, 57, 43) !important; color: white !important; }
.login_btn:focus { box-shadow: none !important; outline: 0px !important; }
.login_container { width: 80%; margin: 0px auto; }
.login_container button { padding: 13px 25px 10px; font-weight: 600; margin-bottom: 5px; }
.input-group-text { min-width: 40px; background: rgb(38, 50, 82) !important; color: white !important; border: 0px !important; border-radius: 0.25rem 0px 0px 0.25rem !important; }
.input_user, .input_pass:focus { box-shadow: none !important; outline: 0px !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(192, 57, 43) !important; }
.custom-control-label { color: rgb(87, 74, 131); }
.inputSetForm .modal-content { background: none; border: none; box-shadow: none; }
.inputSetForm .modal-header { min-height: 1px; padding: 0px; border-bottom: none; }
.inputSetForm .close { color: rgb(255, 243, 51); position: absolute; right: 35px; top: 15px; z-index: 9999; opacity: 0.75; }
.inputSetForm .user_card { height: 100%; width: 100%; }
.inputSetForm .form_container { margin-top: 20px; }
table.user_join { width: 90%; margin: 0px auto; }
table.user_join th { font-size: 13px; color: rgb(58, 71, 104); width: 28%; font-weight: normal; text-align: left; }
table.user_join th i { margin-right: 5px; color: rgb(24, 32, 56); }
table.user_join td { padding: 6px 0px 5px; font-size: 13px; }
table.user_join .form-control { font-size: 0.85rem; }
table.user_join .form-control.w-btn { width: 70%; float: left; border-radius: 0.25rem 0px 0px 0.25rem; border-right: none; }
table.user_join td a.buttonct { width: 30%; float: right; border-radius: 0px 0.25rem 0.25rem 0px; padding: 11px 0px; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); text-align: center; background: rgb(192, 57, 43) !important; }
table.user_join .infotext { font-size: 12px; color: rgb(133, 88, 31); font-weight: normal; }
table.user_join .infotext th, table.user_join .infotext td { padding: 0px 0px 5px; }
.join_btn { width: 98%; margin: 10px auto; padding: 12px 0px; font-weight: bold; background: rgb(192, 57, 43) !important; color: white !important; }
#ModalFindid .form_container { margin-top: 100px; text-align: center; }
#ModalFindid .form_container p { font-size: 14px; color: rgb(214, 212, 255); }
#ModalFindid .form_container h3 { font-size: 20px; font-family: "Gmarket Sans", sans-serif; color: rgb(255, 255, 255); margin-top: 30px; }
#ModalFindid .form_container h2 { font-family: "Gmarket Sans", sans-serif; font-size: 30px; color: rgb(255, 255, 255); margin: 0px auto 15px; padding: 0px; }
.dispot-tx { font-size: 16px; color: rgb(45, 79, 171); font-weight: 600; }
.usermoneyset { display: inline-block; float: right; }
.pending { text-align: center; color: rgb(255, 255, 255); padding: 50px 0px; width: 90%; margin: 0px auto; }
.pending i { }
.pending p { margin: 25px auto 0px; }
.TableBoard .modal-dialog { width: auto; max-width: 800px; }
.modal-open .modal-dialog { max-width: 1250px; }
.TableBoard .user_card { width: 100%; height: 100%; }
table.tb-board { width: 98%; margin: 0px auto; }
table.tb-board th { font-size: 12px; text-align: center; padding: 10px 0px 9px; background: rgb(70, 83, 122); color: rgb(189, 195, 199); border: 1px solid rgb(53, 64, 96); box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px 0px; }
table.tb-board td { font-weight: 400; border-bottom: 1px solid rgb(188, 184, 213); padding: 13px 0px 12px; line-height: 175%; }
table.tb-board td a { display: block; width: 100%; }
table.tb-board td.num { font-size: 12px; text-align: center; }
table.tb-board td.subj { font-size: 13px; padding-left: 10px; width: 70%; }
table.tb-board td.date { font-size: 12px; text-align: center; }
table.tb-board td.list_notice1 { display: none; }
table.tb-board td.list_notice2 { font-size: 0.9rem; line-height: 145%; background: rgb(255, 255, 255); padding: 20px 0px 15px 20px; }
body.hasHover table.tb-board tbody > tr:hover { background: rgba(255, 255, 255, 0.1); }
body.hasHover table.tb-board tbody > tr:hover td { }
body.hasHover table.view tbody > tr:hover { background: none; }
table.tb-board .top_ment, body.hasHover table.tb-board tbody > tr.top_ment:hover { }
table.tb-board tbody > tr.top_ment td, body.hasHover table.tb-board tbody > tr.top_ment:hover td { color: rgb(60, 53, 6); font-weight: bold; }
.tb-board .data_not td { text-align: center; overflow: hidden; padding: 40px 0px !important; }
table.myp_deposit td { padding: 9px 0px 8px; text-align: center; font-size: 13px; }
.modal-content .close { font-size: 1.45em; color: rgb(255, 255, 255); position: absolute; right: -25px; top: -25px; z-index: 9999; opacity: 1; padding: 7px 2px; background: rgb(50, 59, 86); border-radius: 30px; border: 1px solid rgb(23, 31, 55); transform: scale(1); transition: all 0.3s ease-in-out 0s; }
@media (max-width: 768px) {
  .modal-content .close { font-size: 1.25em; padding: 5px 0px 3px; right: -15px; top: -15px; }
}
body.hasHover .modal-content .close:hover { transform: scale(1.25); }
.modal-content .close .xi-close-circle-o { font-size: 1.75em; }
.view_event .scroll_content { padding: 30px 10px 40px 30px; width: 98%; margin: 0px auto; font-size: 0.9rem; height: 400px; overflow: auto; line-height: 145%; }
.coupon_tb .user_card { height: auto; width: 100%; }
.coupon_serial { font-size: 12px; text-align: center; border-bottom: none !important; }
.coupon_cost { font-size: 14px; text-align: center; font-weight: bold !important; border-bottom: none !important; }
.coupon_moretx { text-align: center; font-size: 12px; padding-top: 0px !important; }
.coupon_moretx ul { border-radius: 4px; padding: 5px 0px; width: 94%; margin: -5px auto 0px; }
.coupon_moretx ul > li { display: inline-block; border-left: 1px solid rgb(141, 141, 141); padding: 0px 6px; }
.coupon_moretx ul > li:first-child { border-left: none; }
.comp { }
.comp .pop-header { padding-top: 15px; height: 85px; }
.comp .form_container { margin-top: 20px; }
.comp table.user_join { width: 85%; }
.comp table.user_join th { width: 40%; letter-spacing: -1px; font-size: 13px; padding: 0.75em 0px; }
.comp table.user_join td { text-align: right; padding: 0.75em 0px; }
.comp { }
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); }
.nav-tabs .nav-item { padding: 5px 10px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.tabbable-panel { }
.tabbable-line > .nav-tabs { border: none; margin: 0px; display: flex; justify-content: space-around; flex-flow: row; }
.tabbable-line > .nav-tabs > li { margin: 0px; width: 20%; text-align: center; box-sizing: border-box; background: rgb(59, 65, 88); }
.tabbable-line > .nav-tabs > li > a { border: 0px; padding: 20px 0px 18px; color: rgba(255, 255, 255, 0.75); font-size: 13px; overflow: hidden; display: block; }
.tabbable-line > .nav-tabs > li.open, body.hasHover .tabbable-line > .nav-tabs > li:hover { }
.tabbable-line > .nav-tabs > li.open > a, body.hasHover .tabbable-line > .nav-tabs > li:hover > a { border: 0px; background: none !important; }
.tabbable-line > .nav-tabs > li.open .dropdown-menu, body.hasHover .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; }
.tabbable-line > .nav-tabs > li.active { position: relative; background: none; }
.tabbable-line > .nav-tabs > li.active > a { color: rgb(54, 77, 139); font-weight: bold; }
.tabbable-line > .tab-content { border: 0px; padding: 15px 0px 30px; margin-top: -4px; }
.portlet .tabbable-line > .tab-content { padding-bottom: 0px; }
.cashflow > .nav-tabs > li { background: rgb(59, 65, 88); width: 50% !important; }
.cashflow > .nav-tabs > li > a { font-size: 15px; }
.close { float: right; font-size: 16px; line-height: 1; color: rgb(0, 0, 0); opacity: 0.2; }
.close:focus, body.hasHover .close:hover { text-decoration: none; cursor: pointer; opacity: 0.5; }
button.close { appearance: none; padding: 0px; cursor: pointer; background: 0px 0px; border: 0px; }
a.close.disabled { pointer-events: none; }
table.user_join.mypage td { font-size: 14px; }
table.user_join.mypage .hr hr { border: 1px dotted rgb(221, 214, 247); }
table.user_join.mypage .hr td { padding: 5px 0px; }
table.user_join.mypage .hr td hr { margin: 5px auto; border-top: 1px dotted rgb(154, 142, 201); }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.accordion a { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; padding: 0.8rem 2.2rem 0.7rem 1rem; font-size: 14px; font-weight: 400; border-bottom: 1px solid rgb(48, 48, 48); }
body.hasHover .accordion a:hover, body.hasHover .accordion a:hover::after { cursor: pointer; font-weight: 700; }
.accordion .accordion-item > a::after { font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; content: ""; position: absolute; float: right; right: 1rem; font-size: 14px; color: rgb(144, 144, 144); padding: 5px; width: 30px; height: 30px; border-radius: 50%; text-align: center; font-family: xeicon !important; }
.accordion .accordion-item > a.active::after { font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; font-size: 14px; line-height: 1; content: ""; color: rgb(255, 226, 28); font-family: xeicon !important; }
.accordion .content { position: relative; opacity: 0; padding: 0px 1rem; max-height: 0px; border-bottom: 1px solid rgb(48, 48, 48); overflow: hidden; clear: both; transition: all 0.2s ease 0.15s; }
.accordion .content p { font-size: 13px; color: rgb(240, 240, 240); font-weight: 300; line-height: 170%; }
.accordion .content.active { opacity: 1; padding: 1rem 0.5rem 2rem 1.5rem; max-height: 100%; transition: all 0.35s ease 0.25s; }
.delete_fil { position: absolute; top: 20px; right: 20px; }
.delete_fil a.btn { display: block; text-align: center; padding: 0.3rem 0.5rem; font-size: 12px; border-radius: 2px; background: rgb(48, 48, 48); border: 1px solid rgb(16, 16, 16); color: rgba(255, 255, 255, 0.5); }
.delete_fil a.btn i { margin-right: 5px; }
.tb-board.betting td { padding: 9px 0px 8px; text-align: center; font-size: 13px; }
.tb-board.coupon td { padding: 12px 0px 10px; text-align: center; font-size: 13px; }
.tb-board.coupon td .btn { padding: 0.25rem 0.5rem; font-size: 12px; }
.pagination-outer { text-align: center; }
.pagination { background: rgb(21, 21, 21); padding: 2px; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 4px 1px inset; border-radius: 40px; display: inline-flex; position: relative; }
.pagination li a.page-link { color: rgb(189, 195, 199); background-color: rgb(32, 32, 32); font-size: 13px; line-height: 18px; height: 35px; width: 40px; margin: 0px 1px 0px 0px; padding: 7px 10px 6px; border-width: 1px; border-style: solid; border-color: rgb(53, 53, 53) rgb(32, 32, 32) rgb(32, 32, 32); border-image: initial; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px 0px; border-radius: 0px; position: relative; z-index: 1; transition: all 0.3s ease 0s; }
.pagination li.active a.page-link, body.hasHover .pagination li a.page-link:hover, body.hasHover .pagination li.active a.page-link:hover { color: rgb(255, 250, 151); font-weight: bold; text-shadow: rgb(0, 0, 0) 0px 1px 1px; border-width: 1px; border-style: solid; border-color: transparent transparent rgb(37, 37, 37); border-image: initial; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 7px 1px inset; background: rgb(21, 21, 21); }
.pagination li:first-child a.page-link { border-radius: 20px 0px 0px 20px; }
.pagination li:last-child a.page-link { margin-right: 0px; border-radius: 0px 20px 20px 0px; }
@media only screen and (max-width: 480px) {
  .pagination { display: block; border-radius: 10px; background: none; }
  .pagination li { margin: 0px; display: inline-block; }
  .pagination li a.page-link { font-size: 11px; line-height: 13px; height: 30px; width: 30px; margin: 0px -1px; }
  .coupon_tb .user_card { width: 100%; }
}
.nop_btn { background: rgb(111, 116, 137); border: 1px solid rgb(79, 83, 100); color: rgb(255, 255, 255); font-size: 13px; margin: auto 5px; }
.ok_btn { border: 1px solid rgb(142, 25, 13); color: rgb(255, 255, 255); font-size: 13px; margin: auto 5px; background: rgb(192, 57, 43) !important; }
.y_btn { border: 1px solid rgb(72, 93, 149); color: rgb(255, 255, 255); font-size: 13px; margin: auto 5px; background: rgb(85, 124, 217) !important; }
body.hasHover .nop_btn:hover, body.hasHover .ok_btn:hover, body.hasHover .y_btn:hover { color: rgb(255, 255, 255); opacity: 0.85; }
.btn_money { box-shadow: rgb(188, 167, 255) 0px 1px 0px 0px inset; background: linear-gradient(rgb(112, 90, 181) 5%, rgb(78, 59, 139) 100%) rgb(78, 59, 139); border-radius: 3px; border: 1px solid rgb(41, 20, 139); display: inline-block; cursor: pointer; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; padding: 8px 12px; text-decoration: none; text-shadow: rgb(39, 28, 96) 0px 1px 0px; margin: 2px 0px; }
body.hasHover .btn_money:hover { background: linear-gradient(rgb(212, 204, 241) 5%, rgb(196, 177, 255) 100%) rgb(169, 149, 233); color: rgb(78, 59, 139); text-shadow: none; }
.btn_money:active { position: relative; top: 1px; }
.btn_red { box-shadow: rgb(245, 151, 142) 0px 1px 0px 0px inset; background: linear-gradient(rgb(242, 69, 55) 5%, rgb(198, 45, 31) 100%) rgb(242, 69, 55); border-radius: 3px; border: 1px solid rgb(208, 39, 24); display: inline-block; cursor: pointer; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; padding: 8px 12px; text-decoration: none; margin: 2px 0px; }
body.hasHover .btn_red:hover { background: linear-gradient(rgb(198, 45, 31) 5%, rgb(242, 69, 55) 100%) rgb(198, 45, 31); color: rgb(255, 255, 255); }
.btn_red:active { position: relative; top: 1px; }
#SlotDetail .nav { flex-direction: row; justify-content: space-around; align-items: flex-end; }
#SlotDetail .nav > li { width: 15%; height: auto; text-align: center; padding: 5px 10px 10px; overflow: hidden; }
#SlotDetail .nav > li:hover { transform: scale(1.15); filter: drop-shadow(rgb(0, 0, 0) 5px 5px 10px); z-index: 9; }
#SlotDetail .nav > li > a { position: relative; display: block; }
#SlotDetail .nav > li > a > img { width: 100%; height: 200px; border-radius: 10px; }
#SlotDetail .nav > li > a span.nm_sgame { margin: -8px auto 0px; font-weight: 500; background: rgb(255, 255, 255); border-radius: 0px 0px 10px 10px; width: 100%; display: block; padding: 20px 0px 10px; letter-spacing: -1px; }
#SlotDetail .nav > li:hover > a img { border: 5px solid rgb(100, 77, 171); }
#SlotDetail .nav > li:hover > a span.nm_sgame { background: rgb(100, 77, 171); color: rgb(255, 255, 255); font-weight: 700; }
#ModalDeposit .modal-dialog { max-width: 750px; }
.coupon_tb .modal-dialog { max-width: 500px; }
#ModalWithdraw .modal-dialog { max-width: 750px; }
#ModalTableBoard01 .modal-dialog { max-width: 750px; }
#ModalTableBoard02 .modal-dialog { max-width: 750px; }
#ModalMypage .modal-dialog { max-width: 750px; }
#ModalJoin .modal-dialog { max-width: 750px; }
#SlotDetail .modal-dialog { max-width: 1080px; }