/* --- BootS Resource ------------------------------------------------ */ :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: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .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%; margin-bottom: 0} .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: 0; border-bottom-right-radius: 0;} .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; 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: 0; border-bottom-right-radius: 0;} .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-group-append, .input-group-prepend { display: -ms-flexbox; 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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem} .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0} .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: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem} .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + .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: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .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: 0; border-bottom-right-radius: 0} .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} .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: #fff; border-color: #007bff; background-color: #007bff} .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff} .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff} .custom-control-input:disabled ~ .custom-control-label { color: #6c757d} .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef} .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top} .custom-control-label::before { position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px} .custom-control-label::after { position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%} .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none;} } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none }} .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } /* --- BootS Modal ------------------------------------------------ */ /* COMMON */ .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-dialog .container { width: 100% !important; } .modal-content { position: relative; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 6px; outline: 0; /* background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) */ } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000 } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { filter: alpha(opacity=75); opacity: .75 } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 10px } .modal-footer { padding: 10px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn + .btn { margin-left: -1px } .modal-footer .btn-block + .btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 560px; margin: 0 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: 0; 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: left; 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: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody + tbody { border-top: 2px solid #dee2e6 } .table-sm td, .table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 } .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: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } body.hasHover .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary > td, .table-primary > th { background-color: #b8daff } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7abaff } body.hasHover .table-hover .table-primary:hover { background-color: #9fcdff } body.hasHover .table-hover .table-primary:hover > td, body.hasHover .table-hover .table-primary:hover > th { background-color: #9fcdff } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: #d6d8db } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #b3b7bb } body.hasHover .table-hover .table-secondary:hover { background-color: #c8cbcf } body.hasHover .table-hover .table-secondary:hover > td, body.hasHover .table-hover .table-secondary:hover > th { background-color: #c8cbcf } .table-success, .table-success > td, .table-success > th { background-color: #c3e6cb } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #8fd19e } body.hasHover .table-hover .table-success:hover { background-color: #b1dfbb } body.hasHover .table-hover .table-success:hover > td, body.hasHover .table-hover .table-success:hover > th { background-color: #b1dfbb } .table-info, .table-info > td, .table-info > th { background-color: #bee5eb } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } body.hasHover .table-hover .table-info:hover { background-color: #abdde5 } body.hasHover .table-hover .table-info:hover > td, body.hasHover .table-hover .table-info:hover > th { background-color: #abdde5 } .table-warning, .table-warning > td, .table-warning > th { background-color: #ffeeba } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffdf7e } body.hasHover .table-hover .table-warning:hover { background-color: #ffe8a1 } body.hasHover .table-hover .table-warning:hover > td, body.hasHover .table-hover .table-warning:hover > th { background-color: #ffe8a1 } .table-danger, .table-danger > td, .table-danger > th { background-color: #f5c6cb } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e } body.hasHover .table-hover .table-danger:hover { background-color: #f1b0b7 } body.hasHover .table-hover .table-danger:hover > td, body.hasHover .table-hover .table-danger:hover > th { background-color: #f1b0b7 } .table-light, .table-light > td, .table-light > th { background-color: #fdfdfe } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fbfcfc } body.hasHover .table-hover .table-light:hover { background-color: #ececf6 } body.hasHover .table-hover .table-light:hover > td, body.hasHover .table-hover .table-light:hover > th { background-color: #ececf6 } .table-dark, .table-dark > td, .table-dark > th { background-color: #c6c8ca } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #95999c } body.hasHover .table-hover .table-dark:hover { background-color: #b9bbbe } body.hasHover .table-hover .table-dark:hover > td, body.hasHover .table-hover .table-dark:hover > th { background-color: #b9bbbe } .table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, .075) } body.hasHover .table-hover .table-active:hover { background-color: rgba(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, .075) } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #343a40 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .05) } body.hasHover .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, .075) } .bottom-btn-set { text-align:center; } .bottom-btn-set button { padding: 8px 30px 7px 30px; font-weight: bold; text-shadow: 1px 1px 0px rgba(0,0,0,0.50); } /* Modal */ .modal800 .modal-dialog { max-width: 800px; } .modal { padding-right: 0 !important; } .modal-dialog { top: 90px; } .pop-header { position: relative; padding: 0 0; margin: 0 0; text-align: center; background-image: url(../assets/images/content/main/center_bg2.png); background-position: 50% 30%; height: 70px; background-size: 150% auto; } .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: #FFFFFF; padding: 0 0; margin: 22px 0 0 0; /* */ text-shadow: 1px 1px 2px #1d0c5a; font-weight: 700; } /* Login */ .loginPop { padding: 0 0; } .loginPop .modal-content { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; } .loginPop .modal-header { min-height: 1px; padding: 0 0; border-bottom: none; } .loginPop .close { color: #FFFFFF; position: absolute; right: 15px; top: 15px; z-index: 9999; opacity: 1; } .loginPop .input-group { width: 80%; margin: 0 auto; } .loginPop .form-group .custom-checkbox { padding: 10px 0 0 35px; } .loginPop .form-group .custom-checkbox label { color: #AAAAAA; cursor: pointer; } .loginPop .user_card { background: url(../assets/images/content/main/center_bg.jpg) top left !important; background-size: cover; } .loginPop .pop-header { background: none;} .loginPop .form_container { margin-top: 10px; } .user_card { min-height: 300px; width: 350px; margin: auto auto; padding-bottom: 10px; background: rgba(255, 255, 255, 0.9) !important; position: relative; /* display: flex;*/ /* justify-content: center;*/ /* flex-direction: column;*/ /* padding:0 0 0;*/ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /* border-radius: 7px;*/ border-style: solid; border-image: linear-gradient(to right, #8d691e 40%, #745616 80%); border-image-slice: 7; border-width: 7px; } .user_card .form_container { 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: 65px; } .form_container { margin-top: 100px; } .login_btn { width: 89%; /* */ background: #c0392b !important; color: white !important; padding: 12px 0; } .login_btn:focus { box-shadow: none !important; outline: 0px !important; } .login_container { padding: 0 1rem; width: 90%; margin: 0 auto; } .login_container button { padding: 13px 25px 10px; font-weight: 600; margin-bottom: 5px; } .input-group-text { background: #263252 !important; color: white !important; border: 0 !important; border-radius: 0.25rem 0 0 0.25rem !important; min-width: 40px; } .input_user, .input_pass:focus { box-shadow: none !important; outline: 0px !important; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #c0392b !important; } .custom-control-label { color: #574a83; } /* Join */ /* .inputSetForm { padding: 0 0;} .inputSetForm .modal-body { padding: 0 0;} */ .inputSetForm .modal-content { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; } .inputSetForm .modal-header { min-height: 1px; padding: 0 0; border-bottom: none; } .inputSetForm .close { color: #fff333; position: absolute; right: 35px; top: 15px; z-index: 9999; opacity: .75; } .inputSetForm .user_card { height: 100%; width: 100%; } .inputSetForm .form_container { margin-top: 20px; } table.user_join { width: 90%; margin: 0 auto; } table.user_join th { font-size: 14px; color: #472d12; width: 112px; font-weight: normal; text-align: left; display: flex; align-items: center; } table.user_join th i { margin-right: 5px; color: #7a5732; font-size: 1.1rem; } table.user_join td { padding: 6px 0 5px 0; 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: .25rem 0 0 .25rem; border-right: none; } table.user_join td a.buttonct { width: 30%; float: right; border-radius: 0 .25rem .25rem 0; padding: 11px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; background: #c0392b !important; } table.user_join .infotext { font-size: 12px; color: #29148b; font-weight: normal; } table.user_join .infotext th, table.user_join .infotext td { padding: 0 0 5px 0; } .join_btn { width: 98%; margin: 10px auto; background: #c0392b !important; color: white !important; padding: 12px 0; font-weight: bold; } #ModalFindid .form_container { margin-top: 100px; text-align: center; } #ModalFindid .form_container p { font-size: 14px; color: #d6d4ff; } #ModalFindid .form_container h3 { font-size: 20px; font-family: 'Gmarket Sans', sans-serif; color: #FFFFFF; margin-top: 30px; } #ModalFindid .form_container h2 { font-family: 'Gmarket Sans', sans-serif; font-size: 30px; color: #FFFFFF; margin: 0px auto 15px auto; padding: 0 0; } .dispot-tx { font-size: 16px; color: #b76e0b; font-weight: 600; } .usermoneyset { display: inline-block; float: right; } .pending { text-align: center; color: #FFFFFF; padding: 50px 0; width: 90%; margin: 0 auto; } .pending i {} .pending p { margin: 25px auto 0 auto;} .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: 0 auto; } table.tb-board th { font-size: 12px; text-align: center; padding: 10px 0 9px 0; background: #64583d; color: #c3bcac; border: 1px solid #4c422b; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); } table.tb-board td { font-weight: 400; border-bottom: 1px solid #bcb8d5; padding:13px 0 12px 0; 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: #FFFFFF; padding:20px 0 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 { /* color: #3b59b3; */ /* font-weight: 700; */ } body.hasHover table.view tbody > tr:hover { background: none;} /* body.hasHover table.view tbody > tr:hover td { color: rgba(255, 255, 255, 0.85);} */ 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: #3c3506; font-weight: bold; } .tb-board .data_not td { padding: 40px 0px !important; text-align: center; overflow: hidden; } table.myp_deposit td { padding: 9px 0 8px 0; text-align: center; font-size: 13px; } .modal-content .close { font-size: 1.45em; color: #FFFFFF; position: absolute; right: -25px; top: -25px; z-index: 9999; opacity: 1; padding: 2px; /* */ background: #78560c; border-radius: 30px; border: 1px solid #60460f; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition: all 0.3s 0s ease-in-out; -moz-transition: all 0.3s 0s ease-in-out; -o-transition: all 0.3s 0s ease-in-out; transition: all 0.3s 0s ease-in-out; } /* uicons size s */ .uicons-round {display: block;height: 38px;padding: 2px;} .modal-content .fi-rr-grin-alt {font-size: 1.15em;height: 20px;} .modal-content .fi-rr-circle-xmark {font-size: 1.45em;} /* uicons size e */ .modal-content .close .xi-close-circle-o {font-size: 1.75em;} @media (max-width:768px) { .modal-content .close {padding:2px; right: -15px; top: -15px;} } body.hasHover .modal-content .close:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .view_event .scroll_content { /* color: #FFFFFF;*/ padding: 30px 10px 40px 30px; /* background: #202020;*/ width: 98%; margin: 0 auto 0 auto; /* border: 1px solid #000000;*/ font-size: 0.9rem; height: 400px; overflow: auto; line-height: 145%; } /* Coupon -- */ .coupon_tb .user_card { height:auto; width:100%;} /*.coupon_tb .pop-header img { height:30px;}*/ .coupon_serial { font-size: 12px; text-align: center; border-bottom: none !important; } .coupon_cost { font-weight: bold !important; font-size: 14px; text-align: center; border-bottom: none !important; } .coupon_moretx { padding-top: 0 !important; text-align: center; font-size: 12px; } .coupon_moretx ul { /* background: #404040;*/ border-radius: 4px 4px; padding: 5px 0 5px 0; width: 94%; margin: -5px auto 0 auto; } .coupon_moretx ul > li { display: inline-block; border-left: 1px solid #8d8d8d; padding: 0 6px; } .coupon_moretx ul > li:first-child { border-left:none; } /* COMP Complimentary -- */ .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 0;} .comp table.user_join td { text-align: right; padding: 0.75em 0;} .comp {} /* ---- MyPage -------------- -------------------------------------- */ /* Tabmenu -- */ .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } /* .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, body.hasHover .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, body.hasHover .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } */ .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { padding: 5px 10px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { /* color: #FFFFFF; background-color: #ac8d3b; border-color: #dee2e6 #dee2e6 #fff */ } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } /* Tabs panel */ .tabbable-panel {} .tabbable-line > .nav-tabs { border: none; margin: 0px; display: flex; -webkit-justify-content: space-around; justify-content: space-around; flex-direction: row; flex-wrap: nowrap; } .tabbable-line > .nav-tabs > li { margin:0 0; width: 20%; text-align: center; box-sizing: border-box; background: url(../assets/images/content/main/footer_logos_bg.jpg); } .tabbable-line > .nav-tabs > li > a { border: 0; padding: 20px 0 18px 0; 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: 0; background: none !important; /*color: #333333;*/ } .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; /* background: url(); */ } .tabbable-line > .nav-tabs > li.active > a { color: #a96711; font-weight: bold; } .tabbable-line > .tab-content { border: 0; padding: 15px 0 30px 0; margin-top: -4px; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } .cashflow > .nav-tabs > li { width: 50% !important; background: url(../assets/images/content/main/footer_logos_bg.jpg); } .cashflow > .nav-tabs > li > a { font-size: 15px; } .close { float: right; font-size: 16px; line-height: 1; color: #000; filter: alpha(opacity=20); opacity: .2 } .close:focus, body.hasHover .close:hover { text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } a.close.disabled { pointer-events: none } table.user_join.mypage td { font-size: 14px;} table.user_join.mypage .hr hr { border: 1px dotted #ffffff; } table.user_join.mypage .hr td { padding:5px 0; } table.user_join.mypage .hr td hr { margin: 5px auto; border-top: 1px dotted #a79364; } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0.8rem 2.2rem 0.7rem 1rem; font-size:14px; font-weight: 400; border-bottom: 1px solid #303030; } body.hasHover .accordion a:hover, body.hasHover .accordion a:hover::after { cursor: pointer; font-weight: 700; } /* .accordion a.active { color: #ffe21c !important; border-bottom: 1px dotted #505050; } */ .accordion .accordion-item > a::after { font: normal normal normal 14px/1 FontAwesome; font-family: xeicon!important; content:"\ea1b"; position: absolute; float: right; right: 1rem; font-size: 14px; color: #909090; padding: 5px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* border: 1px solid #7288a2;*/ text-align: center; } .accordion .accordion-item > a.active::after { font:normal normal normal 14px/1 FontAwesome; font-family: xeicon!important; content:"\ea1b"; color: #ffe21c; } .accordion .content { position: relative; opacity: 0; padding: 0 1rem; max-height: 0; border-bottom: 1px solid #303030; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s; } .accordion .content p { font-size: 13px; color: #F0F0F0; font-weight: 300; line-height: 170%; } .accordion .content.active { opacity: 1; padding: 1rem 0.5rem 2rem 1.5rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.25s; -o-transition: all 0.35s ease 0.25s; 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 0.3rem 0.5rem; font-size: 12px; border-radius: 2px 2px; background: #303030; border: 1px solid #101010; color:rgba(255,255,255,0.5); } .delete_fil a.btn i { margin-right: 5px;} .tb-board.betting td { padding: 9px 0 8px 0; text-align: center; font-size: 13px; } .tb-board.coupon td { padding: 12px 0 10px 0; text-align: center; font-size: 13px; } .tb-board.coupon td .btn { padding: .25rem .5rem; font-size: 12px; } /* Page-Navigation */ .pagination-outer { text-align: center; } .pagination { background: #151515; padding: 2px; box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.8); border-radius: 40px; display: inline-flex; position: relative; } .pagination li a.page-link { color: #bdc3c7; background-color: #202020; font-size: 13px; line-height: 18px; height: 35px; width: 40px; margin: 0 1px 0 0; padding: 7px 10px 6px 10px; border: 1px solid #202020; border-top: 1px solid #353535; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); border-radius: 0; 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: #fffa97; font-weight: bold; text-shadow: 0 1px 1px rgb(0, 0, 0); border: 1px solid transparent; border-bottom: 1px solid #252525; box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.8); background: #151515; } .pagination li:first-child a.page-link { border-radius: 20px 0 0 20px; } .pagination li:last-child a.page-link { margin-right: 0; border-radius: 0 20px 20px 0; } @media only screen and (max-width: 480px) { .pagination { display: block; border-radius: 10px; background: none; } .pagination li { margin: 0 0; display: inline-block; } .pagination li a.page-link { font-size: 11px; line-height: 13px; height: 30px; width: 30px; margin: 0 -1px; } .coupon_tb .user_card { width:100%; } } /* Button */ .nop_btn { background: #6f7489; border: 1px solid #4f5364; color: #FFFFFF; font-size: 13px; margin: auto 5px; width: 42%; /* */; } .ok_btn { background: #c0392b !important; border: 1px solid #8e190d; color: #FFFFFF; font-size: 13px; margin: auto 5px; width: 42%; /* */; } .y_btn { background: #557cd9 !important; border: 1px solid #485d95; color: #FFFFFF; font-size: 13px; margin: auto 5px; } body.hasHover .nop_btn:hover, body.hasHover .ok_btn:hover, body.hasHover .y_btn:hover { color: #FFFFFF; opacity: .85; } .btn_money { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #bca7ff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #705ab5), color-stop(1, #4e3b8b)); background: -moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%); background: -webkit-linear-gradient(top, #705ab5 5%, #4e3b8b 100%); background: -o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%); background: -ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%); background: linear-gradient(to bottom, #705ab5 5%, #4e3b8b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e', GradientType=0); background-color: #4e3b8b; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px; border: 1px solid #29148b; display: inline-block; cursor: pointer; color: #ffffff; font-size: 12px; font-weight: bold; padding: 8px 12px; text-decoration: none; text-shadow: 0px 1px 0px #271c60; margin: 2px 0; } body.hasHover .btn_money:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d4ccf1), color-stop(1, #c4b1ff)); background: -moz-linear-gradient(top, #d4ccf1 5%, #c4b1ff 100%); background: -webkit-linear-gradient(top, #d4ccf1 5%, #c4b1ff 100%); background: -o-linear-gradient(top, #d4ccf1 5%, #c4b1ff 100%); background: -ms-linear-gradient(top, #d4ccf1 5%, #c4b1ff 100%); background: linear-gradient(to bottom, #d4ccf1 5%, #c4b1ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4ccf1', endColorstr='#c4b1ff', GradientType=0); background-color: #a995e9; color: #4e3b8b; text-shadow: none; } .btn_money:active { position: relative; top: 1px; } .btn_red { -moz-box-shadow: inset 0px 1px 0px 0px #f5978e; -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e; box-shadow: inset 0px 1px 0px 0px #f5978e; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f)); background: -moz-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: -webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: -o-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: -ms-linear-gradient(top, #f24537 5%, #c62d1f 100%); background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f', GradientType=0); background-color: #f24537; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px; border: 1px solid #d02718; display: inline-block; cursor: pointer; color: #ffffff; font-size: 12px; font-weight: bold; padding: 8px 12px; text-decoration: none; margin: 2px 0; } body.hasHover .btn_red:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537)); background: -moz-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: -webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: -o-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: -ms-linear-gradient(top, #c62d1f 5%, #f24537 100%); background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537', GradientType=0); background-color: #c62d1f; color: #FFFFFF; } .btn_red:active { position: relative; top: 1px; } /* GAME MODAL ---------------------------------------- */ #SlotDetail .nav { flex-direction: row; justify-content: space-around; align-items: flex-end;} #SlotDetail .nav > li { width: 50%; height: auto; text-align: center; padding: 5px 10px 10px; overflow: hidden; } #SlotDetail .nav > li:hover {transform: scale(1.15); filter: drop-shadow(5px 5px 10px #000); z-index: 9;} #SlotDetail .nav > li > a { display: block; position: relative; display: block;} #SlotDetail .nav > li > a > img { width: 100%; height: 200px; border-radius:10px 10px;} #SlotDetail .nav > li > a span.nm_sgame { margin: -8px auto 0 auto; font-weight: 500; background: #FFF; border-radius: 0 0 10px 10px; width: 100%; display: block; /* line-height: 46px;*/ padding: 20px 0 10px 0; letter-spacing: -1px; } #SlotDetail .nav > li:hover > a img { border:5px solid #644dab;} #SlotDetail .nav > li:hover > a span.nm_sgame { background:#644dab; color: #FFF; font-weight: 700;} /* User Card // modal-dialog Width Set */ #ModalDeposit .modal-dialog { max-width:750px; } /* Deposit & Withdrawal */ .coupon_tb .modal-dialog { max-width:500px; } /* Coupon List */ #ModalWithdraw .modal-dialog { max-width:750px;}/* CS CENTER 고객센터 */ #ModalTableBoard01 .modal-dialog { max-width:750px;} /* Notice 공지사항 */ #ModalTableBoard02 .modal-dialog { max-width:750px;} /* Notice 이벤트 */ #ModalMypage .modal-dialog { max-width:750px;} /* MyPage 마이페이지 */ #ModalJoin .modal-dialog { max-width:750px;} /* Join 회원가입 */ #SlotDetail .modal-dialog { max-width:1580px;} /* Join 회원가입 */