/********************************************************************************************* ********************************************************************************************** ********************* site_manager Common Base ********************** ********************************************************************************************** **********************************************************************************************/ body { position: relative; font-family: 'Noto Sans kr', 'Noto Sans'; font-size: 13px; color: #7c8083; /* background-color: #f5f6f8; */ height: auto; min-height: 100%; width: 100%; overflow-y: scroll; } label { font-weight: normal; } a { color: inherit; } #section-top-menu { background: #eff0f4; margin-bottom: -1px; } #section-top-menu .nav-container { padding: 0; height: auto; border-bottom: none; } #section-top-menu .sub-navbar { display: flex; } #section-top-menu .sub-navbar li { text-align: center; padding: 0; } #section-top-menu .sub-navbar > li.active:after { display: none; } #section-top-menu .sub-navbar li svg { margin-top: -3px; vertical-align: middle; } #section-top-menu .sub-navbar li a { color: #222428; font-size: 14px; padding: 17px 16px 19px; line-height: 1; width: 100%; } #section-top-menu .sub-navbar li a:hover:not(li.active a) { background: #F4F5F9; border-top-left-radius: 10px; border-top-right-radius: 10px; } #section-top-menu .sub-navbar li.active a { border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; } .mng-settings .mng-wrap .mng-panel .mng-panel-label.mb-5 {margin-bottom: 5px;} .mng-dashboard { width: 100%; max-width: 1366px; margin: auto; position: relative; float: left; margin-bottom: 0; /*border-top: 1px solid #eeeff0;*/ } .mng-body.mng-dashboard {padding: 0;} .mng-body.mng-dashboard .setting-box {border: none;} .mng-nav.tab-nav > li > a { color: #797f86; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 20px; } .mngSaveNotice {float: right; margin: 0 40px 0 0; color: #4789e7;} .mngSaveNotice svg {margin-right: 6px; transform: translateY(3px); fill: #4789e7;} .saveNoticePc {display: inline-block;} .saveNoticeMobile {display: none;} .mng-nav.tab-nav > li > a, .mng-nav.tab-nav > li > a:hover, .mng-nav.tab-nav > li > a:focus, .mng-nav.tab-nav > li.active > a { background-color: transparent; } .mng-nav.tab-nav > li.active > a { color: #4888e9; } .mng-nav.tab-nav > li.active:after { content: ' '; display: inline-block; position: absolute; right: 0; bottom: -1px; left: 0; background-color: #4888e9; background-clip: content-box; padding: 0 20px; height: 2px; width: 100%; } .mng-top { background-color: #fff; border-bottom: 1px solid #e4e5e7; } .mng-top h2.mng-caption { color: #2d343e; font-size: 26px; font-weight: 700; padding: 20px 20px 0; } .mng-top p.mng-description { padding: 0 20px 10px; color : #797f86; } .mng-body { padding: 25px 0; } .mng-settings:before, .mng-settings:after { position: relative; display: table; content: ' '; clear: both; } .mng-settings { position: relative; background-color: #fff; padding: 30px 15px; } .mng-settings + .mng-settings {margin-top: 20px;} .mng-dashboard .mng-settings + .mng-settings {margin-top: 0;} .mng-settings h5 { font-size: 16px; font-weight: 700; color: #2d343e; margin: 0; } .mng-dashboard .setting-box .mng-settings { padding: 0; border-top: none; border-left: none; border-right: none; } .mng-dashboard .mng-settings {} .mng-subMenu-list .mng-selectboxlist { float: left; width: auto;} .mng-subMenu-list .input-group-btn .form-control, .mng-subMenu-list .input-group-addon, .mng-subMenu-list .input-group-btn > .btn, .mng-subMenu-list .input-group-btn > .dropdown-toggle, .mng-subMenu-list .input-group-btn > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .mng-subMenu-list .input-group-btn .form-control, .mng-subMenu-list .input-group-addon, .mng-subMenu-list .input-group-btn > .btn, .mng-subMenu-list .input-group-btn > .dropdown-toggle, .mng-subMenu-list .input-group-btn > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mng-search-box { float: left; max-width: 160px; } .mng-subMenu-list {float: right; max-width: 370px;} .mng-subMenu-list .input-group-btn { float: left; width: auto;} .mng-search-box .form-control, .mng-search-box .form-control:focus, .mng-search-box .form-control:hover, .mng-search-box .search-btn, .mng-search-box .search-btn:hover, .mng-search-box .search-btn:focus, .mng-subMenu-list .form-control, .mng-subMenu-list .form-control:focus, .mng-subMenu-list .form-control:hover, .mng-sortWrap, .mng-settings[data-type="member-list"] #member-level-select, .mng-settings[data-type="member-list"] #member-level-select:hover, .mng-settings[data-type="member-list"] #member-level-select:focus { background-color: transparent; border: 1px solid #dbdcdf; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 30px; vertical-align: top; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mng-search-box .search-btn:hover svg, .mng-search-box .search-btn:focus svg {fill: #222428; background-color: transparent;} .mng-settings[data-type="member-list"] #member-level-select:hover, .mng-settings[data-type="member-list"] #member-level-select:focus {height: 24px; } .mng-sortWrap:hover {background-color: #f7f8f9;} .mng-sortWrap .mng-sortBtn span {float: left; margin: 2px 3px 0 0;} .mng-search-box .form-control option, .mng-subMenu-list .form-control option {font-weight: 500;} .mng-search-box .form-control, .mng-subMenu-list .form-control { font-family: 'Nanum Gothic'; font-size: 12px; color: #696c71; padding: 0 10px; } .mng-search-box .form-control#stx { border-right: none; } .mng-subMenu-list select.form-control, .mng-settings[data-type="member-list"] #member-level-select { width: 100px; text-transform: uppercase; /* margin-right: 3px; */ /*background-image: url('');*/ /*IE*/ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjAnIGhlaWdodD0nMTIwJyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgZmlsbD0nJTIzNTU1NTU1Jz48cG9seWdvbiBwb2ludHM9JzUwIDIwLDEwMCAyMCw1MCA4MCwwIDIwJy8+PC9zdmc+'); /* background-image: url("data:image/svg+xml;utf8,"); */ background-size: 8px; background-position: 94% center; background-repeat: no-repeat; padding-bottom: 2px!important; } .mng-search-box .search-btn { border-left: 0! important; color: #191919; padding: 0 7px 3px; -webkit-transform: translateX(1px); -moz-transform: translateX(1px); -ms-transform: translateX(1px); -o-transform: translateX(1px); transform: translateX(1px); } .mng-search-box .search-btn svg { fill: #696c71; margin-top: 2px; display: block;} .mng-sortWrap { float: right; padding: 0 10px; position: relative; color: #696c71; font-size: 13px; } .mng-sortWrap .mng-sortBtn svg.sortbtnIcon {fill:#696c71; margin-top: 8px;} .mng-sortWrap .mng-sortlistWrap { display: none; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; right: 0; top: 29px; background-color: rgb(255,255,255); padding: 4px 0 15px 0; z-index: 19; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom:6px; padding: 0 15px;} .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li:first-child {margin-top: 6px;} .mng-sortWrap .mng-sortlistWrap .sortcheckAll { border-bottom: 1px solid #eeeff0; padding:0 15px 6px 15px; } .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox {max-height: 400px; overflow-y: auto;} .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox::-webkit-scrollbar { width: 8px; height: 8px; border: 5px solid #f3f4f5; -webkit-border-radius: 8px; border-radius: 8px; } .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #d1d3d5; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); border: 0; } .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li .newcheckbox { margin: 0; display: flex; flex-direction: column; flex-wrap: nowrap; flex: 1 1 100%; } .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li .newcheckbox .newcheckboxSvg {margin-top: 2px; width: 100%; max-width: 16px;} .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li .newcheckbox.disabled {opacity:1;} .mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li .newcheckbox.disabled > label {opacity:0.3;} .mng-settings[data-type="member-list"] .mng-sortWrap .mng-sortlistWrap .newcheckbox label {top: 4px; left: 0; } .mng-settings[data-type="member-list"] .mng-sortWrap .mng-sortlistWrap .newcheckbox span { margin-left: 4px; color: #696c71; text-align: left; display: block; line-height: 1.4; width: 100%; max-width: 80%; } .mng-sortWrap .mng-sortlistWrap .sortlistBtnWrap {padding: 0 15px; margin-top: 10px; } .mng-sortWrap .mng-sortlistWrap .btn { width: 100%; background: #4789e7; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; padding: 0; } .mng-settings .mng-sortWrap .mng-sortlistWrap .btn:hover {background-color:#3b79d2;} .mng-sortWrap .mng-sortlistWrap .btn span {line-height: 27px;} .mng-wrap .widthfl { float: left; width: 100%;} .mng-wrap .widthfl.leavelist-notice span { float: right; color:#8e9095; } .mng-wrap .tableListContainer { overflow-x: auto; border: 1px solid #eeeff0; width: 100%; margin-top: 15px; } .mng-wrap .tableListContainer table {border: none; } .mng-settings[data-type="member-list"] table {table-layout: fixed;} .mng-wrap.mng-list {float: left; width: 100%; margin-bottom: 20px; } .mng-wrap.mng-list .btn-wrap { margin-top: 15px; } .mng-settings > .mng-title.mng-title-mobile { padding: 0; margin-bottom: 15px; font-weight: 400; font-size: 13px; color:#222428; } .mng-settings[data-type="member-waitlist"] > .mng-title.mng-title-mobile {margin-bottom: 0;} .mng-settings > .mng-title.mng-title-mobile span {color:#4789e7;} .mng-settings > .mng-title { padding-bottom: 20px; } .mng-wrap .tableListContainer::-webkit-scrollbar { width: 8px; height: 8px; border: 5px solid #f3f4f5; } .mng-wrap .tableListContainer::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #d1d3d5; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); border: 0; } .mng-list table { margin-bottom: 0; border-bottom: 1px solid #dadada; width: 100%; max-width:100%; } .mng-list thead > tr > th, .mng-list tbody > tr > td { font-weight: 500; text-align: center; color:#696c71; max-width: 308px; word-break: break-all; height: 50px; word-break: break-word; } .mng-list tbody > tr > td.date { white-space: nowrap; } .mng-list thead > tr > th { font-size: 12px; border-bottom: none; background-color: #f7f8f9; border-bottom: 1px solid #fff; text-transform: uppercase; vertical-align: middle; } .mng-list thead > tr > th:nth-child(5) {padding-left: 0; padding-right: 0;} .mng-list tbody > tr > td { font-size: 13px; border-top: none; vertical-align: middle; } .mng-settings .memberconfig-svg { fill:#696c71; cursor: pointer; width: 100%; } .mng-list table > tbody > tr.listZero > td[colspan] { height: 300px!important; vertical-align: middle; } .mng-list tbody > tr.active > td { background-color: #f4f7fc; } .mng-list tbody > tr.active > td:last-child .fa { color:#4888e9; } .mng-list input[type="checkbox"] + label:before { border: 1px solid #cfcfcf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mng-list input[type="checkbox"]:checked + label:before { border-color: #000; } .mng-list input[type="checkbox"]:checked + label:after { color: #000; top: -3px; left: 0; } .mng-list .table-wrap.widthfl + nav > .pagination { margin: 15px 0 0;} .mng-list nav > .pagination { margin: 10px 0 0; } .mng-list nav > .pagination > li > a { font-size: 13px; font-weight: 400; color: #b1b3b7; padding: 0; border: none; background-color: transparent; margin-right: 20px; } .mng-list nav > .pagination .pageIcon a {margin-right: 30px;} .mng-list nav > .pagination .pageIcon.nonpage a {cursor: default;} .mng-list nav > .pagination li:last-child.pageIcon a {margin-left: 10px;margin-right:0;} .mng-list nav > .pagination > li.nonpage > a .mng-arrow {fill:#d1d3d5;} .mng-list nav > .pagination > li > a:hover, .mng-list nav > .pagination > li > span:hover, .mng-list nav > .pagination > li > a:focus, .mng-list nav > .pagination > li > span:focus { background: transparent; cursor: pointer; } .mng-list nav > .pagination > .active > a, .mng-list nav > .pagination > .active > span, .mng-list nav > .pagination > .active > a:hover, .mng-list nav > .pagination > .active > span:hover, .mng-list nav > .pagination > .active > a:focus, .mng-list nav > .pagination > .active > span:focus { z-index: 2; color: #4888e9; cursor: default; background-color: transparent; } .mng-list nav > .pagination > li > a .mng-arrow { fill:#696c71;} .mng-settings[data-type="member-list"] .mng-exel-download {fill:#696c71;margin-right: 4px;} .mng-settings .btn:hover:not(.search-btn), .mng-settings .btn:focus:not(.search-btn), .mng-settings .btn:active:not(.search-btn) { background-color: #f7f8f9; box-shadow: none; } .mng-settings .mng-list table .btn { width: 60px; height: 24px; border-radius: 0; border: 1px solid #dbdcdf; color: #696c71; font-size: 12px; } .mng-settings .mng-list table .btn + .btn {margin-left: 4px;} .mng-settings.leavelist .mng-list table .btn { width:auto;min-width: 60px; } @media only screen and (max-width: 767px) { .mng-list table > tbody > tr.listZero > td[colspan] { height: 200px!important; } .mng-list nav > .pagination { margin: 30px auto 0; } } /********************************************************************************** toast */ .mng-toast-wrap { position: absolute; top: 50%; left: 50%; /*width: 80%; height: 80%;*/ padding: 5px 50px; text-align: center; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8); -moz-box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8); box-shadow: 1px 1px 7px -1px rgba(71, 137, 321, 0.8); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .mng-toast-showing { pointer-events: none; } /********************************************************************************** modal */ .modal-default .modal-dialog .modal-body .mng-modal-body { color: #696c71; float: left; width: 100%; font-family: 'Noto Sans KR', sans-serif; } .modal-default .modal-dialog .modal-body .mng-modal-body p.desc { font-size: 14px; margin-bottom: 30px; } .modal-default .modal-dialog .modal-body .mng-modal-body span.point { color: #4789e7; font-weight: bolder; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-group .form-control { color: #696c71; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: auto; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-group textarea.form-control { max-width: 100%; min-width: 100%; padding: 10px 12px; min-height: 78px; border: 1px solid #dbdcdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-group .form-control::-webkit-input-placeholder { color: #797c81; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-group .form-control:-moz-placeholder { color: #797c81; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-group .form-control[disabled], .modal-default .modal-dialog .modal-body .mng-modal-body .cl-common-form-wrap#member-approvaldate, .modal-default .modal-dialog .modal-body .mng-modal-body .cl-common-form-wrap#member-id, .modal-default .modal-dialog .modal-body .mng-modal-body .cl-common-form-wrap#member-approvaldate .cl-common-form-group, .modal-default .modal-dialog .modal-body .mng-modal-body .cl-common-form-wrap#member-id .cl-common-form-group { pointer-events: none; background-color: transparent; border: none; } .modal-default .modal-dialog .modal-body .mng-modal-body select#member-gender::-ms-expand, .modal-default .modal-dialog .modal-body .mng-modal-body .memW-info-wrap select.etc-select::-ms-expand {display: none;} .modal-default .modal-dialog .modal-body .mng-modal-body select#member-gender, .modal-default .modal-dialog .modal-body .mng-modal-body .memW-info-wrap select.etc-select{ -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; border: 1px solid #dbdcdf; height: 40px; padding: 6px 15px; } .modal-default .modal-dialog .modal-body .mng-modal-body #member-gender ~ svg, .modal-default .modal-dialog .modal-body .mng-modal-body .etc-select ~ svg {position: absolute; fill: #676767; right: 15px; top: 18px;} .modal-default .modal-dialog .modal-body .mng-modal-body .cl-common-form-wrap .cl-common-form-group.disabled, .modal-default .modal-dialog .modal-body .mng-modal-body .form-group select.form-control[disabled]{background: #f3f4f5;} .modal-default .modal-dialog .modal-body .mng-modal-body .btn > .fa { margin-right: 7px; } .modal-default .modal-dialog .modal-body .mng-modal-body .mng-error, .modal-default .modal-dialog .modal-body .mng-modal-body .mng-textinfo { text-align: left; color: #ee445f; font-size: 13px; padding: 0 10px; letter-spacing: 0.02em; } .modal-default .modal-dialog .modal-body .mng-modal-body.readonly input { pointer-events: none!important; resize: none; } .modal-default .modal-dialog .modal-body .mng-modal-body.readonly textarea { resize: none; } .modal-default .modal-dialog .modal-body .mng-modal-body.readonly textarea, .modal-default .modal-dialog .modal-body .mng-modal-body.readonly .cl-common-form-wrap { border: none!important; } .modal-default .modal-dialog .modal-body .mng-modal-body.readonly .memW-info-wrap .newcheckbox:not(.cl-etc-jcoltype) label { display: none!important; } .mng-list tbody > tr:hover:not(.listZero) > td { background-color: #f4f7fc; } .modal-default .modal-dialog .modal-body .mng-modal-body .member-cert_date-wrap, .modal-default .modal-dialog .modal-body .mng-modal-body .member-cert_adult_date-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; border: none; } .cert-guide-modal.guidePopup .guide-wrap{float: none;} .cert-guide-modal.guidePopup .guide-wrap .step b{font-weight: bold;} .cert-guide-modal.guidePopup .guide-wrap .step hr {border-top: 1px solid #eeeff0; margin: 70px auto; width: 100%; max-width: 540px;} .cert-guide-modal.guidePopup .guide-wrap .step #step1, .cert-guide-modal.guidePopup .guide-wrap .step #step2, .cert-guide-modal.guidePopup .guide-wrap .step #step3{max-width: 540px; margin: 70px auto 0 auto;} .cert-guide-modal.guidePopup .guide-wrap .step h3{margin: 0;} .cert-guide-modal.guidePopup .guide-wrap .step h4{margin: 60px 0 20px 0; float: left; font-size: 18px; width: 100%;} .cert-guide-modal.guidePopup .guide-wrap .step #step1 > p, .cert-guide-modal.guidePopup .guide-wrap .step #step2 > p, .cert-guide-modal.guidePopup .guide-wrap .step #step3 > p{margin: 0 0 10px 0; text-align: left;} .cert-guide-modal.guidePopup .guide-wrap .step #step3 > p{margin: 0 0 40px 0;} .cert-guide-modal.guidePopup .guide-wrap .step #step1 > div, .cert-guide-modal.guidePopup .guide-wrap .step #step2 > div, .cert-guide-modal.guidePopup .guide-wrap .step #step3 > div{position: relative; padding: 0 0 0 64px; margin: 40px 0 10px 0; color: #696c71; font-size: 14px; overflow: hidden;} .cert-guide-modal.guidePopup .guide-wrap .step #step1 > div > span, .cert-guide-modal.guidePopup .guide-wrap .step #step2 > div > span, .cert-guide-modal.guidePopup .guide-wrap .step #step3 > div > span{position: absolute; left: 0; color: #4789e7; font-weight: bold;} .cert-guide-modal.guidePopup .guide-wrap .step #step2 > div > p {color: #8e9095; margin: 5px 0 0 0;} .modal-default .cert-guide-modal.guidePopup.modal-dialog .modal-footer.guideClose{margin-top: 80px; margin-bottom: 80px;} /********************************************************************************************* ********************************************************************************************** ********************* site_manager Common Components ********************* ********************************************************************************************** **********************************************************************************************/ /********************************************************************************** switch */ .switch { position: relative; display: inline-block !important; vertical-align: top !important; width: 57px !important; height: 20px !important; padding: 4px !important; border-radius: 18px !important; cursor: pointer !important; } .switch-input{ position: absolute; top: 0; left: 0; opacity: 0; } .switch-label{ width: 51px; position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #949FAB; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: opacity background; -moz-transition-property: opacity background; -o-transition-property: opacity background; transition-property: opacity background; } .switch-label:before, .switch-label:after{ position: absolute; top: 50%; margin-top: -.4em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before{ content: 'Off'; top:9px; right: 8px; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.5); } .switch-label:after{ content: ''; top:9px; left: 10px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-input:checked ~ .switch-label { background: #4789E7; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-handle{ left: 36px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-label:before { opacity: 0; } .switch-input:checked ~ .switch-label:after{ content: "on"; opacity: 1; } .switch-handle{ position: absolute; top: 5px; left: 5px; width: 18px; height: 18px; background: white; border-radius: 14px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) !important; background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0); background-image: -moz-linear-gradient(top, white 40%, #f0f0f0); background-image: -o-linear-gradient(top, white 40%, #f0f0f0); background-image: linear-gradient(to bottom, white 40%, #f0f0f0); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-handle:before{ content: ''; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 15px; height: 15px; background: #f9f9f9; border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); background-image: -webkit-linear-gradient(top, #eeeeee, white); background-image: -moz-linear-gradient(top, #eeeeee, white); background-image: -o-linear-gradient(top, #eeeeee, white); background-image: linear-gradient(to bottom, #eeeeee, white); } /********************************************************************************** checkbox */ /* input[type="checkbox"] { display: none; } */ input[type="checkbox"] + label { display: inline; position: relative; top: 3px; left: 0; } input[type="checkbox"] + label:before { content: ''; display: inline-block; width: 13px; height: 13px; left: 0; margin-left: 0; border: 0px none; background-color: #fff; border: 1px solid #7c8083; } input[type="checkbox"] + label:after { font-family: 'FontAwesome'; font-size: 10px; color: #2d343e; position: absolute; top: -6px; left: 0; width: 13px; height: 13px; margin-left: 0; padding: 0; } input[type="checkbox"]:checked + label:after { content: "\f00c"; } /********************************************************************************** radio */ .radio-inline + .radio-inline { margin-left: 35px; } .radio-inline input[type="radio"] { display: none; } .radio-inline input[type="radio"] + label { display: inline; position: relative; } .radio-inline input[type="radio"] + label:before { content: ''; position: absolute; top: 1px; left: -18px; display: inline-block; width: 13px; height: 13px; border: 0px none; background-color: #fff; border: 1px solid #d7d7d7; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .radio-inline input[type="radio"]:checked + label:before { background-color: #4889e7; } /************************************************************************************************************************ PAGE CSS [member_config] ********************************************************************************************** ********************* site_manager > Member Config 02_default ********************** ********************************************************************************************** **********************************************************************************************/ .mng-settings .mng-panel + .mng-panel { margin-top: 10px; } .mng-settings .mng-panel > .mng-panel-label { font-weight: normal; color: #2d343e; margin-bottom: 0; line-height: 30px; } .mng-settings .mng-panel > .mng-panel-label.pull-left .fa.fa-info-circle { padding: 0 10px 0 3px; display: inline; color:#a7afb8;} .mng-settings .mng-panel > .mng-panel-body.pull-right { display: inline-block; min-width: 155px; width: 155px; } .mng-settings .mng-panel > .mng-panel-body > select.form-control { font-size: 12px; padding: 6px 10px; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*background-image: url('');*/ /*IE*/ background-image: url("data:image/svg+xml;utf8,"); background-size: 8px; background-position: 94% center; background-repeat: no-repeat; background-color: #fcfcfc; } .mng-settings .mng-panel > .mng-panel-body > select.form-control > option { height: 30px; } .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .bootstrap-select.dropdown, .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .bootstrap-select .btn.btn-default { max-width: 250px; margin-top: 0; height: 40px; color: #696c71; font-size: 13px; line-height: 40px; } .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .bootstrap-select .btn.btn-default {padding: 0 19px;} .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox svg {left:227px;} .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .dropdown.ss_user_noActive {margin-bottom: 0;} .mng-dashboard .mng-settings .mng-panel {float: left;width: 100%; } .mng-dashboard .mng-settings .mng-panel + .mng-panel {margin-top: 0;} /********************************************************************************************* ********************************************************************************************** ********************* site_manager > Member Config 02_description ****************** ********************************************************************************************** **********************************************************************************************/ .mng-panel[data-type="description"] textarea { width: 100%; min-width: 100%; max-width: 100%; height: 100px; min-height: 100px; max-height: 320px; line-height: 1.4; padding: 15px; color: #696c71; border: 1px solid #dbdcdf; font-weight: 400; } /********************************************************************************************* ********************************************************************************************** ********************* site_manager > Member Config 03_collection ******************** ********************************************************************************************** **********************************************************************************************/ .mng-settings[data-type="collection"] .clearDiv {float: left; width: 100%;} .mng-settings[data-type="collection"] .collection-content-heading { padding: 7px 9px; background-color: #f7f8f9; border-top: 1px solid #eeeff0; border-bottom: 1px solid #eeeff0; } .mng-settings[data-type="collection"] .collection-content-heading > div { float: left; text-align: center; width: 50px; color: #222428; } .mng-settings[data-type="collection"] .collection-content-heading > div:first-child {width: calc(100% - 169px);} .mng-settings[data-type="collection"] .collection-content-heading div.pull-right { } .mng-settings[data-type="collection"] .collection-content-heading div:nth-child(n+2) {float: right; } .mng-settings[data-type="collection"].en .collection-content-heading span:nth-child(1) { } .mng-settings[data-type="collection"] .collection-content.collection-status-disabled + .btn-wrap .collection-add {pointer-events: none;} .mng-settings[data-type="collection"] .collection-content { overflow: visible; position: relative; min-height: 241px; /* overflow-x: hidden; overflow-y: hidden; */ display: block; } .mng-settings[data-type="collection"] .collection-content .collection-item { position: relative; clear: both; min-height: 40px; display: block; width: 100%; border-bottom: 1px solid #eeeff0; } .mng-settings[data-type="collection"] .collection-content.collection-status-disabled .collection-item { pointer-events: none; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info { position: relative; float: left; width:calc(100% - 220px);} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config { float: right; max-width: 220px; width: 100%; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config .use-option-check {float: right;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config .checkboxs:nth-child(1) {margin-right: 25px;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config div.checkboxs:last-child {margin-right:20px;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info, .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config { display: inline-block; text-align: left; padding: 7px 0; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info svg {fill: #c8d0dc;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-name { color:#2d343e; float: left; width: calc(100% - 46px); word-break: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info > span.icons { padding: 1px 15px 0 15px; float: left; margin-top: 2px; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info > span.icons .fa.fa-arrows { color: #d1dbdd; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons:hover svg {fill:#696c71;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons svg {fill:#b1b3b7;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons, .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config div.checkboxs { display: inline-block; text-align: center; vertical-align: middle; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons { width: 24px; margin-right:10px; height: 24px;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons:nth-child(3) {margin-right: 23px;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.checkboxs { width:16px; height:16px; position: relative; margin-right: 25px; line-height: 1.4; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.checkboxs:last-child {margin-right: 0;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.checkboxs.disabled { opacity: 0.3; } /* .mng-settings[data-type="collection"] .collection-content .collection-item:hover { background-color: #f1f6fc; } */ .mng-settings[data-type="collection"] .collection-content .collection-item:last-child, .mng-settings[data-type="collection"] .collection-content .collection-item:hover { border-bottom-color: #e9eef1; } .mng-settings[data-type="collection"] .collection-content .collection-item + .collection-item { border-top-color: #e9eef1; } .mng-settings[data-type="collection"] .collection-content .collection-item + .collection-item.collection-status-edit {opacity: 1; pointer-events: auto; background-color: #f7fafd;} .mng-settings[data-type="collection"] .collection-content .collection-item[data-type^='etc'] .collection-info {width: calc(100% - 182px);} .mng-settings[data-type="collection"] .collection-content .collection-item.additem[data-type^='etc'] .collection-info {width:100%; height: 40px;} .mng-settings[data-type="collection"] .collection-content .collection-item[data-type^='etc'] .collection-config.config-edit {max-width: 107px;} .mng-settings[data-type="collection"] .collection-content .collection-item[data-type^='etc'] .collection-config { position: absolute; right: 0; top: 0; max-width:182px; } .mng-settings[data-type="collection"] .collection-content .collection-item:hover + .collection-item { border-top-color: transparent;} .mng-settings[data-type="collection"] .collection-content .collection-item-placeholder { border-top: 1px solid #e9eef1; border-bottom: 1px solid #e9eef1; height: 45px; } .mng-settings[data-type="collection"] .collection-content .collection-item[data-type="email"]:hover { background-color: transparent; } .mng-settings[data-type="collection"] .collection-content .collection-item[data-type="email"].fix .collection-info > span.icons.hand { cursor: default; } .mng-settings[data-type="collection"] .collection-content .collection-item[data-type="email"].fix .collection-info > span.icons .fa.fa-arrows:before { content: ''; width: 13px; display: inline-block; } .mng-settings[data-type="collection"] .collection-content .collection-item[data-type="email"].fix .collection-info > span.icons svg { opacity: 0.3; } .mng-settings[data-type="collection"] .collection-content .collection-item .config-error { position: relative; display: block; text-align: left; font-size: 12px; letter-spacing: -0.05em; color: #ee445f; padding-left: 40px; margin-top: 0; transform: translateY(-4px); } .mng-settings[data-type="collection"] .collection-update { position: absolute; top: 4px; left: 40px; right: 5px; bottom: 0; width: auto; z-index: 1; } .mng-settings[data-type="collection"] .collection-update > .input-group { width: 100%; } .mng-settings[data-type="collection"] .collection-update > .input-group > input { width: 100%; height: 30px; padding: 4px 20px 6px 10px; font-size: 13px; line-height: 1.7; display: table-cell; background-color: #fff; border: 1px solid #dbdcdf; border-right: 0 none; -webkit-border-radius: 0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mng-settings[data-type="collection"] .collection-update > .input-group input::-webkit-input-placeholder { color: #b1b3b7;font-size: 13px; } .mng-settings[data-type="collection"] .collection-update > .input-group > input:-moz-placeholder { color: #b1b3b7;font-size: 13px; } .mng-settings[data-type="collection"] .collection-update > .input-group > .input-group-btn { position: relative; white-space: nowrap; width: 50px; background-color: #458ae4; text-align: center; vertical-align: middle; display: table-cell; -webkit-border-radius: 0; -moz-border-radius:0; border-radius:0; } .mng-settings[data-type="collection"] .collection-update > .input-group > .input-group-btn > .btn { padding: 0; min-width: 35px; line-height: 25px; color: #fff; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mng-settings[data-type="collection"] .collection-update > .input-group > .input-group-btn > .btn svg {fill:#fff;} .mng-settings[data-type="collection"] .collection-update > .input-group > .collection-update-cancel { position: absolute; top: 50%; transform: translateY(-50%); right: 60px; cursor: pointer; color: #ccc; } .mng-settings[data-type="collection"] .collection-update > .input-group > .collection-update-cancel svg { fill:#b1b3b7; } .mng-settings[data-type="collection"] .btn-wrap { text-align: right; padding:6px 25px 23px 25px; } .mng-settings[data-type="collection"] .btn-wrap > .btn:hover {background-color: transparent;} .mng-settings[data-type="collection"] .btn-wrap > .btn { color: #4a85ed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 13px; padding: 0; } .mng-settings[data-type="collection"] .btn-wrap > .btn svg { margin:4px 8px 0 0; fill:#4789e7; float: left;} .mng-settings[data-type="collection"] .collection-item .collection-toggle { cursor: default; pointer-events: none; /*collection-item:type(delete)*/ } .mng-settings[data-type="collection"] .collection-item .collection-toggle.fa:before { display: none; /*collection-item:type(delete)*/ } /* .mng-settings[data-type="collection"] .collection-item:not(.item-content-open) .collection-item-content { display: none; } */ .mng-settings[data-type="collection"] .collection-item.item-content-open .collection-item-content { display: table-row; } /********************************************************************************************* ********************************************************************************************** ********************* site_manager > Member Config 04_policies ********************* ********************************************************************************************** **********************************************************************************************/ .mng-settings[data-type="policies"], .mng-settings[data-type="policies"] .mng-wrap { padding-left: 0; padding-right: 0; } .mng-settings[data-type="policies"] .setting-sub-content .cm-popover-info {margin-left: 0;} .mng-settings[data-type="policies"] .setting-sub-content svg { fill:#ee445f; float: left; transform: translateY(0px);} .mng-settings[data-type="policies"] .setting-sub-content .mngPoliciesInfo { float: right; width: calc(100% - 22px); margin: -2px 0 40px 6px; font-size: 13px; line-height: 1.2; color: #696c71; line-height: 1.4; } .mng-settings[data-type="policies"] .mng-nav.tab-nav { border-bottom: 1px solid #e4e5e7; } .mng-settings[data-type="policies"] { padding: 30px 30px 0; } .mng-settings[data-type="policies"] p.desc { margin-bottom: 30px; } .mng-settings[data-type="policies"] textarea { background-color: #fff; color: #696c71; width: 100%; min-width: 100%; max-width: 100%; height: 180px; min-height: 180px; max-height: 600px; line-height: 1.4; border: 1px solid #dbdcdf; padding: 15px; } .mng-settings[data-type="policies"] p.privacy_join, .mng-settings[data-type="policies"] p.privacy_nonmem { margin-top: 30px; } .mng-settings[data-type="policies"] .mng-bottom-btn-wrap { float: left; width: 100%; } .mng-settings[data-type="policies"] .mng-bottom-btn-wrap > button, .mng-settings[data-type="policies"] .mng-bottom-btn-wrap > button:focus, .mng-settings[data-type="policies"] .mng-bottom-btn-wrap > button:active { font-size: 14px; background-color: #687486; color: #fff; border: none; font-weight: 400; padding: 11px 25px; } .mng-settings[data-type="policies"] .mng-bottom-btn-wrap > button:hover {background-color: #556172;} /************************************************************************************************************************ PAGE CSS [member_list] ********************************************************************************************** ********************* site_manager > Member List ********************** ********************************************************************************************** **********************************************************************************************/ .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:last-child .fa { cursor: pointer; } .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td.id { position: relative; } .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td.id.uadmin:before { /*content: '\f007';*/ display: inline-block; position: relative; /*font-family: 'FontAwesome';*/ content: 'ADM'; color: #fff; background-color: #797f86; font-size: 10px; padding: 0px 2px 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; line-height: 1; } .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td.id.uadmin:after { top: 24px; left: 24px; border-radius: 4px; padding: 1px 4px; display: inline-block; word-break: keep-all; } .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td.id.uadmin:hover:after { content: attr(data-tooltip); position: absolute; background-color: rgba(0,0,0,0.7); color: white; font-size: 10px; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-xs:hover { background-color: #f7f8f9; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-xs { min-width: 60px; color: #696c71; height: 30px; border-radius: 0; border: 1px solid #dbdcdf; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-xs + .btn-xs { margin-left: 5px; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-group { margin: 0 5px; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-group > .dropdown-menu { min-width: 152px; max-height: 100px; overflow-y: auto; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-group > .dropdown-menu > .dropdown-item { padding: 0 15px; display: block; } .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-group > .dropdown-menu > .dropdown-item:hover { background-color: #ccc; } .mng-settings[data-type="member-list"] .mng-bottom-btn-wrap {float: right;margin-bottom: 20px;} .mng-settings[data-type="member-list"] .mng-bottom-btn-wrap > .btn { font-size: 13px; font-weight: 400; color: #696c71; min-width: 120px; padding: 5px 0; height: 30px; border: 1px solid #dbdcdf; border-radius: 0; } .mng-settings[data-type="member-list"] .mng-bottom-btn-wrap > .btn:hover { background-color: #f7f8f9 } .mng-settings[data-type="member-list"] .mng-bottom-btn-wrap > .btn > .fa { margin-right: 7px; } .mng-settings[data-type="member-list"] thead > tr .memberInfo {padding: 0 2px;} .mng-settings[data-type="member-list"] thead > tr > th {display: table-cell;width: auto;} .mng-settings[data-type="member-list"] .newcheckbox label { left: 14px; top: -7px; position: relative; /* display: table-cell; */ display: flex; line-height: normal; flex-direction: row; flex-wrap: nowrap; width: 100%; flex: 1 1 100%; } .mng-settings[data-type="member-list"] thead .newcheckbox label { top: 50%; transform: translateY(-50%); width: 16px; height: 16px; } .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(1), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(1) { display: table-cell; padding: 17px 0;height:50px; margin: 0;} .mng-settings[data-type="member-list"] #member-level-select { width: 40px; height: 24px; padding: 0 8px; background-position: 84% center; font-size: 12px; color: #696c71; } .mng-settings[data-type="member-list"] select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ } .mng-settings[data-type="member-list"] .member-info:hover svg {fill:#222428;} .modal-default .modal-dialog .modal-body .mng-modal-body.message-modal .form-group .form-control, .modal-default .modal-dialog .modal-body .mng-modal-body.sms-modal .form-group .form-control { border: none; border-bottom: 1px solid #e1e1e1; } .mng-modal-body.message-modal .btn-wrap, .mng-modal-body.sms-modal .btn-wrap { text-align: left; } .mng-modal-body.message-modal .btn-wrap > .btn, .mng-modal-body.sms-modal .btn-wrap > .btn { padding: 3px 11px; border: 1px solid #cccccc; min-width: 90px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #75797c; } .mng-modal-body.message-modal #message-content + label, .mng-modal-body.sms-modal #sms-content + label { font-size: 12px; font-weight: normal; float: right; color: #000; } .mng-modal-body.sms-modal #sms-content + label + .info { float: left; font-size: 12px; } .mng-modal-body.sms-modal .sms-recharge-btn-wrap { text-align: left; line-height: 30px; vertical-align: middle; margin-bottom: 15px; } .mng-modal-body.sms-modal .sms-recharge-btn-wrap > div { display: inline; } .mng-modal-body.sms-modal .sms-recharge-btn-wrap .sms-recharge-btn { padding: 3px 11px; border: 1px solid #cccccc; min-width: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; margin-left: 12px; } .mng-modal-body.sms-modal .precautions { line-height: 30px; color: #fb8293; } .mng-modal-body.sms-modal .precautions .tooltip-inner { padding: 15px 15px 15px 30px; text-align: left; text-indent: -15px; } .mng-modal-body.recharge-modal { text-align: left; } .mng-modal-body.recharge-modal .row { margin-left: 20px; margin-right: 20px; } .mng-modal-body.recharge-modal .radio-inline { padding-left: 25px; cursor: default; } .mng-modal-body.recharge-modal input[type="radio"] + label:before { top: 3px; left: -25px; cursor: pointer;} .mng-modal-body.recharge-modal input[type="radio"] + label { font-weight: normal; } .mng-modal-body.recharge-modal .recharge-head, .mng-modal-body.recharge-modal .recharge-item, .mng-modal-body.recharge-modal .recharge-payment { clear: both; line-height: 35px; color: #000; } .mng-modal-body.recharge-modal .recharge-head > div, .mng-modal-body.recharge-modal .recharge-item > div, .mng-modal-body.recharge-modal .recharge-payment > div { padding-left: 10px; padding-right: 10px; } .mng-modal-body.recharge-modal .recharge-item .content .additional { color: #797c81; } .mng-modal-body.recharge-modal .recharge-head { border-bottom: 1px solid #e1e1e1; } .mng-modal-body.recharge-modal .recharge-payment { border-top: 1px solid #e1e1e1; } .mng-modal-body.recharge-modal .recharge-payment .radio-inline + .radio-inline { margin-left: 30px; } .mng-modal-body.info-modal .form-group { margin-bottom: 20px; position: relative; float: left; width: 100%; } .mng-modal-body.info-modal .form-group:last-child {margin-bottom: 0;} .mng-modal-body.info-modal .form-group #member-postcode + .cl-common-form-wrap.nonplace-holder {margin-bottom:8px;} .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group > div { float: right; padding: 0; width: calc(100% - 100px); } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group > .memW-info-wrap { display: flex; flex-direction: column; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group > div .cl-etc-jcoltype.newcheckbox { width: 100%; text-align: left; margin-bottom: 5px;; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group > div .cl-etc-jcoltype.newcheckbox label { display: flex; flex-direction: row; width: 100%; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvgRadio, .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvg { max-width: 18px;; width: 100% } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvgRadio .cl-etc-input-val, .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvg .cl-etc-input-val { position:relative; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvgRadio + span, .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal .form-group .cl-etc-jcoltype.newcheckbox .newcheckboxSvg + span {line-height: 1.4; word-break: break-all;} .mng-modal-body.info-modal .form-group .control-label { text-align: left; padding: 0; position: relative; float: left; max-width: 74px; margin-top: 10px; word-break: break-word; } .mng-modal-body.info-modal .form-group .control-label.cl-etc-list-type { margin-top:0; } /*.mng-modal-body.info-modal .form-group .control-label#member-addr1-label, .mng-modal-body.info-modal .form-group .control-label#member-memo-label { margin-top: 13px;}*/ .mng-modal-body.info-modal .form-group .form-control + .form-control { margin-top: 10px; }; .mng-modal-body.info-modal .form-group #member-memo { min-height: 34px; max-height: 150px; } .mng-modal-body.info-modal .form-group #member-memo + label { float: left; width: 100%; text-align: right; margin-top: 4px; color: #b1b3b7; font-size: 12px; margin-bottom: 0; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal .form-group .mng-error { float: left; width: 100%; padding-left: 100px; margin-top: 5px; } .mng-error .error-icon {margin-right: 6px; transform: translateY(4px);} .modal-default .cl-p130 .modal-content .addressee-wrap {font-size: 14px;} .modal-default .modal-content .addressee-wrap .addressee-name { font-weight: 600; color: #222428; } .mng-modal-body.info-modal .form-group .form-control#member-addr1[readonly] { background-color: #fff; cursor: pointer; pointer-events: unset; } .modal-default .modal-dialog.cl-cmmodal.cl-p130.cl-member-list-block .modal-content {padding-bottom: 70px;} .modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content .mng-modal-body.leave-modal .addressee-wrap, .modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content .mng-modal-body.block-modal .addressee-wrap { font-size: 14px; word-break:keep-all; } .modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content .mng-modal-body.level-modal .addressee-wrap { margin-bottom: 35px; } .member_disabled { opacity: 0.6; pointer-events: auto; cursor: default; } .member_disabled:hover, .member_disabled:hover * { cursor: default; } label.switch.member_disabled, .mng-settings[data-type="member-list"] #member-level-select.ss_user_noActive, .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-edit.member_disabled, .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.delete .uadm-delete.member_disabled, .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .dropdown.ss_user_noActive.member_disabled, .mng-settings .mng-list table .btn.member_disabled, .mng-member .ss_user_noActive.setting-text-box.member_disabled, .dashbottom-wrap .setting-sub-content .ss_user_noActive.member_disabled { pointer-events: auto; } .cert-btn#cert-btn-id.member_disabled, .settingBtnSaveWrap .setting-button.member_disabled{ color: #fff !important; background-color: #c8c8c8 !important; border: none !important; } .member_disabled.cl-common-form-wrap, .member_disabled.cl-common-form-group, .member_disabled input[type=text], .member_disabled input[type=password] {background-color: #c8c8c8 !important;} button.member_disabled, .mng-settings[data-type="uadmin-list"] .mng-title > .btn-sm.member_disabled, #cert-btn-id.member_disabled, .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn.member_disabled { pointer-events: auto; color: #d1d3d5 !important; background-color: #f3f4f5 !important; opacity: 1; } /************************************************************************************************************************ PAGE CSS [member_waitlist] ********************************************************************************************** ********************* site_manager > Wait List ********************** ********************************************************************************************** **********************************************************************************************/ .mng-settings[data-type="member-waitlist"] .mng-list .wait-count-wrap { color: #000; font-weight: 500; } .mng-settings[data-type="member-waitlist"] .mng-list .wait-count-wrap > .wait-count { color: #4888e9; font-weight: 900; margin: 0 5px; } .mng-settings[data-type="member-waitlist"] .mng-bottom-description { font-size: 12px; margin-top: 5px; color: #b1b3b7; font-weight: 400; } .mng-settings[data-type="member-waitlist"] .mng-bottom-description p {margin-bottom:0;} .mng-settings[data-type="member-waitlist"] .member-info svg {fill:#696c71;} .mng-settings[data-type="member-waitlist"] .member-info svg:hover {fill:#222428;} .mng-settings[data-type="member-waitlist"] .approval-status span:last-child {display: block;} .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .memW-title { font-size: 14px; margin-top: -5px; max-width: 63px; width: 100%; position: initial; float: left; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .memW-info-wrap { text-align: left; display: flex; align-items: center; padding: 15px; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .memW-info-wrap span { vertical-align: middle; display: table-cell; word-break: break-all; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group { margin-bottom: 0; min-height: 60px; padding: 0; border-top: 1px solid #dfe1e3; height: 100%; display: flex; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group:last-child { margin-bottom: 0; border-bottom: 1px solid #dfe1e3; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group * { font-size: 14px; font-weight: 400; max-width: none; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group label { margin: 0; padding: 15px; max-width: 115px; background-color: #f6f7f8; color: #222428; display: flex; align-items: center; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group #member-memo {text-align: left; padding: 0;} /*.modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group:before { position: absolute; content: " "; width: 1px; height: 15px; left: 85px; top: 0; background-color: #b4b4b4; } */ .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group .form-control + label { display: none; } .modal-default .modal-dialog .modal-body .mng-modal-body.info-modal[data-list-type="member-waitlist"] .form-group textarea.form-control{resize:none;} /************************************************************************************************************************ PAGE CSS [member_blacklist] ********************************************************************************************** ********************* site_manager > Black List ********************** ********************************************************************************************** **********************************************************************************************/ .mng-settings[data-type="member-blocklist"] .mng-list tbody > tr > td.type { text-transform: uppercase; } .flat-modal .modal-default .block-add-modal .form-inline > .form-group.col-sm-5 { padding-right: 5px; } .flat-modal .modal-default .block-add-modal .form-inline > .form-group.col-sm-7 { padding-left: 5px; } .flat-modal .modal-default .block-add-modal .form-control { border: 1px solid #e1e1e1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .submenu_navWrap.mng-nav { display: none; } .setting-box{ padding-top: 40px; } .settingBtnSaveWrap { display: block; background-color: transparent; overflow: hidden; padding: 20px 40px; position: sticky; bottom: 0; width: 200px; float: right; } .settingBtnSaveWrap .setting-button { position: relative; float: right; transform: inherit; margin-right: 0; right: unset; top: unset; transform: unset; } .settingBtnSaveWrap .setting-button[disabled] {opacity: 0.65;} .dashbottom-wrap { padding-left: 15px; padding-right: 15px; } .dashbottom-wrap .dashbottom-container { max-width: 1366px; } .dashbottom-wrap .dashbottom-container.settingMarketing-Dash { max-width: 945px; } .dashbottom-wrap .dashbottom-container .submenu_navWrap { max-width: 100%; } .dashbottom-wrap .dashbottom-container .shopping-dashboard {max-width: 100%; background: #fff;} .dashbottom-wrap .submenu_navWrap .setting-saveMobile {display: none;} .dashbottom-wrap .submenu_navWrap .setting-savePc {display: block;} .setting-button { max-width: 107px; width: 100%; background-color: rgba(71,137,231,1); color: #fff; border: 0px; border-radius: 3px; font-size: 14px; position: absolute; right: -10px; margin-right: 40px; height: 36px; top: 182%; transform: translateY(-50%); } .setting-cert .mng-body.mng-dashboard .setting-box{padding: 0 40px;} .setting-cert .mng-panel { width: 100%; position: relative; display: inline-block; padding: 40px 0; border-bottom: 1px solid #eeeff0; } .setting-cert .mng-panel:first-child{padding: 0 0 40px 0;} .setting-cert .mng-panel:last-child {border-bottom: none;} .setting-cert .mng-panel > .mng-panel-label {display: flex; align-items: center; font-size: 18px; margin-bottom: 25px;} .setting-cert .mng-panel > .mng-panel-label > span{margin-right: 2px;} .setting-cert .mng-panel.disabled .mng-panel-label span, .setting-cert .mng-panel.disabled .setting-sub-content-radio-box .newcheckbox .newcheckboxSvgRadio + span, .setting-cert .mng-panel.disabled .setting-sub-content-radio-box .newcheckbox .newcheckboxSvgRadio svg:not(.active), .setting-cert .mng-panel.disabled .setting-sub-content-radio-box .newcheckbox input:checked ~ svg.active { opacity: 0.2; } /*.setting-cert .setting-box{padding-top: 0;}*/ .mng-body.mng-dashboard.setting-cert .setting-box { border-bottom: 1px solid #eeeff0; } .mng-body.mng-dashboard.setting-cert { background-color: #fff; } .setting-cert .setting-box .mng-settings{padding: 0;} .setting-cert .cl-common-form-group.disabled {background-color: #f3f4f5;} .setting-sub-content > .cert-text > p, .setting-sub-content > .cert-text > ul {font-size:13px; color: #8e9095; margin: 0 0 20px 0;} .setting-sub-content > .cert-text > p:first-child {font-weight:normal; font-size:18px; color: #222428;} .setting-sub-content > .cert-text > ul > li{padding-left: 12px; line-height: 1.54; margin-bottom: 5px;} .setting-sub-content > .cert-text > ul > li:before {content: '·'; display: inline-block; position: absolute; left: 0;} .setting-sub-content > .cert-text .error{margin: 8px 0} .setting-sub-content > .cert-text .error svg {vertical-align: middle; margin-right: 5px;} .mng-settings .setting-sub-content .cert-btn, .mng-settings .setting-sub-content .cert-btn:hover .mng-settings .setting-sub-content .cert-btn:focus { width:213px; height:36px; background-color:#fff; color:#696c71; font-size:13px; border-radius: 3px; line-height: 22px; border: solid 1px #dbdcdf; } .mng-settings .setting-sub-content .cert-btn#cert-btn-id, .mng-settings .setting-sub-content .cert-btn#cert-btn-id:hover .mng-settings .setting-sub-content .cert-btn#cert-btn-id:focus { background-color:#4789e7; color:#fff; margin-right: 10px; border: none; } .cert-key > p:first-child {font-size:18px;color:#222428;} .cert-key > p:nth-child(2) { font-size:15px; color:#97999e; line-height: 20px; margin-bottom: 13px; } .cert-code-input {width:100%; overflow: hidden; margin-bottom: 15px;} .cert-code-input:last-child{margin-bottom: 0;} .cert-code-input .mb-5{margin-bottom: 5px; color: #696c71;} .cert-key > div .mb-5 { color:#696c71; } .setting-sub-content-box .setting-sub-content-title{font-size: 15px; margin-bottom: 10px; width: 100%; font-weight: 400; position: relative;} .setting-sub-content-radio-box > div{display:inline-block; margin: 0 35px 0 0;} .setting-sub-content-radio-box > div > .newcheckbox{display:inline-block;} .setting-sub-content-radio-box .newcheckbox .newcheckboxSvgRadio + span {color: #222428; font-size: 13px; font-weight: 400;} .setting-sub-content-radio-box .newcheckbox .newcheckboxSvgRadio{margin-right: 5px;} .setting-sub-content-box.setting-cert{position: relative;} .setting-sub-content-box.setting-cert .setting-disabled{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; } .setting-sub-content-box.setting-cert .popover{max-width: 300px;} .setting-sub-content-box.setting-cert .popover b{display: block; margin: 0 0 10px 0} .setting-sub-content-box.setting-cert .popover p{margin: 0 0 5px 0; padding: 0 0 0 10px; position: relative;} .setting-sub-content-box.setting-cert .popover p>span{position: absolute; left: 0;} .setting-sub-content-box.setting-cert .setting-sub-content-radio-box{position: relative;} .site-umember-modal .modal-body p{margin-top: 15px;} .modal-default .modal-dialog.site-umember-modal .modal-body h3.modal-title{padding: 0;} .setting-cert .mng-panel .cl-common-form-group input { font-weight: 300; color: #000; } /* 회원관리 필터항목 스타일 수정 */ #sfl_sort, #sfl_view { margin-right: 5px; } @media only screen and (min-width: 767px) { .mng-nav .submenu_nav ul { display: none; } /*.submenu_nav .title { float: initial; }*/ .mng-settings[data-type="policies"] .mng-nav.tab-nav li:first-child { padding-left: 10px; } .mng-settings[data-type="policies"] .mng-nav.tab-nav li:first-child:after { padding-left: 30px; } .mng-settings[data-type="policies"] .mng-bottom-btn-wrap { margin-bottom: 50px; } } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 1199px) { .mng-settings[data-type="policies"] .tab-content .radio-group > .radio-inline + .radio-inline { margin-left: 20px; } } @media only screen and (max-width: 991px) { .mng-settings[data-type="policies"] .tab-content .radio-group > .radio-inline { display: block; } .mng-settings[data-type="policies"] .tab-content .radio-group > .radio-inline + .radio-inline { margin-left: 0; margin-top: 5px; } } @media only screen and (max-width: 767px) { .mng-list tbody > tr > td:nth-child(7) { padding: 8px 0; /* display: inline-block; */ } .mng-list tbody > tr > td:nth-child(7) > .member-info { width: 50px; display: inline-block; } .mng-top.mng-member, .mng-top.mng-uadmin {display: none;} #mypage-view .mng-top.mng-member, #mypage-view .mng-body.mng-member {display: block;} .mng-body.mng-dashboard { margin-top: 99px; min-height: calc(100vh - 99px); } .mng-body.mng-dashboard .setting-box { min-height: calc(100vh - 99px); } .mng-body.mng-dashboard.setting-cert { padding:0px 15px; } .mng-body.mng-member .container, .mng-body.mng-member .container .col-xs-12.col-sm-12.col-md-10 {padding-left:0; padding-right: 0;} .saveNoticePc {display: none;} .mngSaveNotice { display: inline-block; float: left; width: 100%; margin: 30px 15px 20px 15px; } .mng-body.mng-member ~ #cl-footer { display: none; } .mng-nav.tab-nav > li > a { padding: 8px 15px; } .mng-nav.tab-nav > li.active:after { padding: 0 15px; } .mng-settings { border: none; padding: 20px 15px; } .mng-settings > .mng-wrap { padding : 0; } .mng-settings > .mng-wrap.mng-list { float: left; width: 100%; margin-bottom: 0; } .mng-settings.setting-subInfoBox > .mng-title:not(.mng-title-mobile) { font-size: 22px; margin: 0; padding-bottom: 40px; } .mng-settings > .mng-title.mng-title-mobile { font-weight:500; padding: 0 0 4px 0; } .mng-settings[data-type="uadmin-list"] .mng-title {padding:0;} .mobilemng-member .mng-settings .mng-title {margin-bottom: 15px;} #mypage-view .mng-settings > .mng-title {padding: 0 15px;} .mng-settings .mng-panel + .mng-panel { margin-top: 7px; } .mng-subMenu-list { float: left; margin-top: 10px; max-width: 100%; width: 100%; } .mng-search-box { max-width: 100%; width: 100%; } .mng-subMenu-list select.form-control {width: 100%;} .mng-subMenu-list .input-group-btn { margin-right: 5px; width: calc(50% - 3px); } .mng-subMenu-list .input-group-btn:last-child {margin-right: 0;} .mng-sortWrap {width: 93px;margin-left: 5px;} .mng-sortWrap {text-align: center;} .mng-sortlistWrap {text-align: left;} .mng-subMenu-list .mng-selectboxlist { width: calc(100% - 98px); float: left;} .modal-default .modal-dialog .modal-body .mng-modal-body { padding: 0!important; } .modal-default .modal-dialog .modal-body .mng-modal-body .form-horizontal { margin: 0!important; } .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .bootstrap-select.dropdown, .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox > .bootstrap-select .btn.btn-default { max-width: 100%; margin-top: 0; height: 40px; color: #696c71; font-size: 13px; line-height: 40px; } .mng-settings .mng-panel > .mng-panel-body .mng-selectbox.common-selectbox svg {right: 19px; left: auto;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config .icons:nth-child(3) {margin-right: 13px;} .mng-settings[data-type="collection"] .collection-content { min-height: 198px; } .mng-settings[data-type="collection"] .collection-content-heading span:nth-child(1) { margin-left: 8px; } .mng-settings[data-type="collection"].en .collection-content-heading span:nth-child(1) { margin-left: 5px; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info > span.icons { padding: 0 5px; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info .icon-move {display:none;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info > span.icons .fa { display: none; } .mng-settings[data-type="collection"] .mng-wrap .collection-content .collection-item .collection-info { } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info, .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config { padding: 7px 0; } .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config { position: absolute; right: 0;} .mng-settings[data-type="collection"].en .collection-content .collection-item .collection-config { /* width: 165px; */} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config .checkboxs:nth-child(1) {margin-right: 25px;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config div.checkboxs:last-child {margin-right:20px;} .mng-settings[data-type="collection"] .collection-content .collection-item-placeholder { height: 39px; } .mng-settings[data-type="collection"] .collection-update { left: 0px; } .mng-settings[data-type="collection"] .collection-update > .input-group > input { height: 30px; padding: 2px 20px 3px 5px; } .mng-settings[data-type="collection"] .collection-update > .input-group > .input-group-btn > .btn { line-height: 20px; } .mng-settings[data-type="collection"] .collection-update > .input-group > .collection-update-cancel { text-align: center;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-config > div.icons.empty {display: none;} .mng-settings[data-type="collection"] .collection-content .collection-item .config-error {margin-top: 23px;padding-left: 0;} .mng-settings[data-type="policies"] .setting-sub-content {width: 100%; max-width: 100%;} .mng-settings[data-type="policies"] .tab-content { padding: 15px 15px 0; } .mng-settings[data-type="policies"] .tab-content p.desc { margin-top: 15px; margin-bottom: 20px; } .mng-settings[data-type="policies"] .tab-content textarea {height:350px;} .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(6), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(6) { /* display: none; */ } .mng-settings .mng-list table > thead:first-child > tr:first-child > th:last-child { width:50px; height:51px; } .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(1) .newcheckbox label {top:50px;} .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(1), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(1) {width: 25px;} .mng-settings[data-type="member-list"] thead > tr > th {width: auto;} .mng-settings[data-type="member-list"] .mng-list .btn-wrap .btn-xs { min-width: 47px; } .mng-settings[data-type="member-list"] .mng-bottom-btn-wrap { margin-bottom: 0; } .mng-top h2.mng-caption a {display: none;} .mng-top h2.mng-caption .fa-angle-right {display: none;} /* .mobilemng .mobile-popup-contents {height:100%; background-color: transparent;} .mobilemng-member .mobile-popup-contents { display:none; background-color: transparent;} .mobilemng .mobile-popup-nav, .mobilemng-uadmin .mobile-popup-nav {height:10px;} .mobilemng .selected-languages li {padding:0 0 12px 0;} .mobilemng .selected-languages li .language-name {font-size:14px;padding-left: 13px;} .mobilemng .selected-languages .cl-icon {font-size:12px; color:#222428;} .mobilemng .selected-languages .cl_icon_del03.language-delete {color:#f03f60;} .mobilemng .mng-settings .mng-panel > .mng-panel-label {width:50%;font-size: 14px;} .mobilemng .mng-panel-body .switch {padding-left:0px !important;} .mobilemng .m-popupcontents .setting-box, .mobilemng-member .m-popupcontents .setting-box, .mobilemng-uadmin .m-popupcontents .setting-box {padding:0;height:100%;} .mobilemng .mng-settings,.mobilemng-member .mng-settings,.mobilemng-uadmin .mng-settings {border:none; padding:20px 13px;} .mobilemng .m-popupcontents li:last-child {padding:0;} .mobilemng .settings-language .mng-panel-body {float:left;width: 50%;} .mobilemng .add-language {margin-top:15px; font-size:14px;} */ .mng-settings + .mng-settings {margin-top:15px;} .mng-settings[data-type="policies"] {padding-bottom: 50px;} /* .mobilemng-member .mng-settings .mng-panel > .mng-panel-label {font-size:14px; color:#222228;} */ .mng-settings .mng-panel > .mng-panel-body.pull-right {min-width: 140px;} /* .mobilemng-member #mjoin-collections input[type="checkbox"] { position: absolute; top: 0; width: 18px; margin-top: 0; height: 18px; left:6px; opacity: 0; } .mobilemng-member #mjoin-collections .cl_icon_checked03_out, .mobilemng-member #mjoin-collections .cl_icon_unchecked02, .mobilemng-member #mjoin-collections .cl_icon_checked02 {width:auto; position: relative;font-size:18px;margin-right: 10px;} .mobilemng-member #mjoin-collections .cl_icon_unchecked02, .mobilemng-member #mjoin-collections .cl_icon_checked02 {width:auto; position: relative;font-size:16px;margin-right: 10px;} .mobilemng-member #mjoin-collections .cl_icon_checked03_out, .mobilemng-member #mjoin-collections span.cl_icon_unchecked02 {color:#82888d;} .mobilemng-member #mjoin-collections span.cl_icon_unchecked02 {color:#5a5a5a;} .mobilemng-member #mjoin-collections span.cl_icon_checked02 {color:#5a5a5a; position: absolute; top: 0; left: 0;} .mobilemng-member #mjoin-collections .cl_icon_checked03_in, .mobilemng-member #mjoin-collections span.cl_icon_checked02{color:#4789e7; position: absolute; top: 0; left: 0;} .mng-settings[data-type="collection"] .collection-content .collection-item .collection-info > span.icons svg {display: none;} .mobilemng-member .mng-settings[data-type="collection"] #mjoin-collections .collection-item .collection-config > div.checkboxs.disabled span.cl_icon_checked02 { color:#bfc3c8; } .mobilemng-member .mng-settings[data-type="collection"] #mjoin-collections .collection-item .collection-config > div.checkboxs.disabled {opacity: 1;} .mobilemng-member .mng-settings[data-type="collection"] #mjoin-collections .collection-item .collection-config > div.checkboxs.disabled input[type="checkbox"] {z-index: 11;} .mobilemng-member .mng-settings .mng-wrap .mng-nav li {padding-bottom:0;} */ .mng-settings[data-type="member-list"] + .mng-bottom-btn-wrap {padding-right:13px;margin-bottom: 10px;} .mng-settings[data-type="policies"] + .mng-bottom-btn-wrap { margin : 15px 28px 30px 0; } .mng-settings[data-type="uadmin-list"] .mng-list + .mng-title {margin-top:14px;} .mng-settings[data-type="member-waitlist"] .mng-list table > tbody > tr > td:last-child {padding-left: 0; padding-right: 0;} .mng-settings .mng-list table .btn {display: block; margin: 0 auto;} .mng-settings .mng-list table .btn + .btn { margin:5px auto 0 auto; } .mng-wrap .widthfl.leavelist-notice span { float: unset; margin-top: 10px; display: block; } .submenu_navWrap.mng-nav { display: block; } .setting-box { padding-top: 0; } .settingBtnSaveWrap{display: none;} .dashbottom-wrap { padding: 0; } .dashbottom-wrap .submenu_navWrap .setting-saveMobile {display: block;} .dashbottom-wrap .submenu_navWrap .setting-savePc {display: none;} .setting-button {max-width: 80px;font-size: 13px; margin-right: 15px; top: 50%; right: 0;} .mobile-title{font-size: 20px; left: 0;} .setting-cert .setting-sub-box{padding: 0;} .setting-cert .mng-settings.setting-subInfoBox > .mng-title{padding: 40px 0;} .setting-cert .setting-sub-content-radio-box > div{display: block; margin: 0 0 25px 0;} .setting-cert .setting-sub-content-radio-box > div:last-child{margin: 0} .cert-guide-modal.guidePopup .guide-top .guide-menu ul li p{left: 5px;} .cert-guide-modal.guidePopup .guide-top .guide-menu ul li:nth-child(3) p{left: 0;} .cert-guide-modal.guidePopup .lang-en.guide-top .guide-menu ul li{padding-top: 9px;} .cert-guide-modal.guidePopup .lang-en.guide-top .guide-menu ul li p{font-size: 13px;} .cert-guide-modal.guidePopup .lang-en.guide-top .guide-menu ul li:nth-child(3){padding: 2px 0 0 0;} .cert-guide-modal.guidePopup .lang-en.guide-top .guide-menu ul li:nth-child(3) p {line-height: 1.4;} } @media only screen and (max-width: 480px) { .mng-nav.tab-nav > li > a { padding: 8px; } .mng-nav.tab-nav > li.active:after { padding: 0 8px; } .mng-top.mng-member .navbar-header:before, .mng-top .navbar-header:after, .mng-top.mng-member .nav:before, .mng-top .nav:after { display: none; } .mng-top.mng-member .mng-nav.tab-nav { width: 100%; } .mng-top.mng-member .mng-nav.tab-nav > li:nth-child(1) { max-width: 22%; } .mng-top.mng-member .mng-nav.tab-nav > li:nth-child(2) { max-width: 26%; } .mng-top.mng-member .mng-nav.tab-nav > li:nth-child(3) { max-width: 28%; } .mng-top.mng-member .mng-nav.tab-nav > li:nth-child(4) { max-width: 23%; } .mng-modal-body.info-modal .form-group > label, .mng-modal-body.info-modal .form-group > div { width: 100%; } .mng-settings[data-type="member-list"] .mng-list table { /* table-layout: fixed; */ } .mng-settings[data-type="member-list"] .mng-list tbody > tr > td { word-wrap: break-word; } .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(7), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(7) { width: 44px; } .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(4), .mng-settings[data-type="member-list"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(5), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(4), .mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(5) { /* display: none; */ } .mng-settings[data-type="member-waitlist"] .mng-list table > thead:first-child > tr:first-child:not(.listZero) > th:nth-child(1), .mng-settings[data-type="member-waitlist"] .mng-list table > tbody > tr:not(.listZero) > td:nth-child(1), .mng-settings[data-type="member-waitlist"] .mng-list table > thead:first-child > tr:first-child > th:nth-child(3), .mng-settings[data-type="member-waitlist"] .mng-list table > tbody > tr > td:nth-child(3) { display: none; } .mng-settings[data-type="member-blocklist"] .mng-list table > thead > tr > th:nth-child(3), .mng-settings[data-type="member-blocklist"] .mng-list table > tbody > tr > td:nth-child(3) {padding-right: 0;} /* .mng-settings[data-type="member-blocklist"] .mng-list table > tbody > tr > td:last-child {width: 20%;} */ .mng-settings[data-type="member-waitlist"] + .mng-bottom-description {margin-right: 13px;} .mng-settings .setting-sub-content .cert-btn{width: 100%; margin-right: 0;} .mng-settings .setting-sub-content .cert-btn#cert-btn-id{ margin-bottom: 10px;} } @media only screen and (max-width: 380px) { .mng-top.mng-member .mng-nav.tab-nav { display: table; } .mng-top.mng-member .mng-nav.tab-nav > li { display: table-cell; float: none; text-align: center; } .mng-top.mng-member .mng-nav.tab-nav > li > a { padding: 7px 5px; } .mng-top.mng-member .mng-nav.tab-nav > li.active:after { padding: 0 5px; } } @media only screen and (max-width: 360px) { .mng-settings[data-type="member-waitlist"] .mng-list table > tbody > tr:not(.listZero) > td:nth-child(4), .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td:nth-child(3) {padding-left: 0; padding-right: 0;} } /******************************************************************************************************************** PAGE CSS [member_social] ********************************************************************************************** ********************* site_manager > social login ********************** ********************************************************************************************** **********************************************************************************************/ .setting-social .setting-sub-content-radio-box + div {margin-top: 30px; margin-bottom: 10px;} .setting-social .socialLogin-input {margin-bottom: 30px;} .setting-social .setting-detail-btn { color: #4789e7; text-decoration: underline; margin-bottom: 23px; } /************************************************************************************************************************ PAGE CSS [/manager/admin] ********************************************************************************************** ********************* SET Site UAdmin ********************** ********************************************************************************************** **********************************************************************************************/ .mobile-background { display: none; } .mng-body.mng-uadmin, .mng-body.mobilemng-uadmin { font-family: 'Noto Sans KR', 'Noto Sans'; background-color: #f3f4f8; color: #32383d; letter-spacing: -0.025em; } .mng-uadmin .setting-sub-box .mng-section-description { height: auto; padding: 14px 20px 0 20px;} .mng-uadmin .mng-section-description, .mobilemng-uadmin .mng-section-description { overflow: hidden; font-size: 13px; font-weight: 400; height: 45px; padding: 5.5px 20px; line-height: 1.5; background-color: #fff; color: #4789e7; border: 1px solid #eeeff0; width: 100%; margin-bottom: 56px; position:relative; } .mng-uadmin .mng-section-description .uadmin-login-url { margin: 0; padding: 1px 0px 15px; overflow: hidden; display: flex; align-items: center; } .mng-uadmin .mng-section-description .uadmin-login-url .title { color: #696c71; line-height: 1.4; word-break: break-word; white-space: nowrap; } .mng-uadmin .mng-section-description .uadmin-login-url i.line { content: ' '; position: relative; display: inline-block; width: 1px; height: 15px; margin-left: 20px; margin-right: 20px; background-color: #d1d3d5; } .mng-uadmin .mng-section-description .uadmin-login-url a.url { width: auto; word-break: break-all; line-height: 1.4; } .mng-uadmin .mng-section-description .uadmin-login-url a.url:hover { text-decoration: underline; } .mng-uadmin .mng-section-description .uadmin-login-url a.url + svg { margin-left: 10px; fill: #428bca; } .mng-settings[data-type="uadmin-list"] table { table-layout: fixed; width: 100%; min-width: 1124px; } .mng-settings[data-type="uadmin-list"] .mng-title { font-family: 'Noto Sans KR', 'Noto Sans'; font-size: 18px; font-weight: normal; color: #222428; margin-bottom: 1px; float: left; width: 100%; } .mng-settings[data-type="uadmin-list"] .mng-title .uadminTitle {padding-top: 6px; display: inline-block; color: #222428;} .mng-settings[data-type="uadmin-list"] .cm-popover-info { margin-left: 6px; margin-bottom: 3px; } .mng-settings[data-type="uadmin-list"] .mng-title > .fa { color: #a7afb8; font-size: 15px; } .mng-settings[data-type="uadmin-list"] .mng-title > .fa + .popover { max-width: 320px; } .mng-settings[data-type="uadmin-list"] .mng-title > .btn-sm { padding: 5px 11px; height: 30px; border: none; vertical-align: middle; max-width: 110px; width: 100%; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; font-weight: 300; } .mng-settings[data-type="uadmin-list"] .mng-title > .btn-sm:hover, .mng-settings[data-type="uadmin-list"] .mng-title > .btn-sm:active {background-color: #3b79d2;} .mng-settings[data-type="uadmin-list"] .mng-title > .btn-sm svg {fill: #fff; margin-right: 8px; transform: translateY(1px);} .mng-settings[data-type="uadmin-list"] .mng-list + .mng-title { margin-top: 32px; } /*.mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.id { width: 328px; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.nick { width: 210px; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.date { width: 210px; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.memo { width: 328px; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.delete { width: 150px; }*/ .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.id { width: 26%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.nick { width: 16%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.date { width: 16%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.memo { width: 26%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.delete { width: 16%; } .mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th { padding: 16px 0px; font-weight: 300; line-height: 1; height: 50px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td { padding: 12px 8px; font-weight: 300; line-height: 1; height: 50px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td:last-child .fa { cursor: pointer; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td[colspan="5"] { width: 100%;} .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.id { position: relative; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-str { display: inline-block; max-width: 90%; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-str:not(:empty) ~ .uadm-memo-edit.edit { display: inline-block; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-str:empty ~ .uadm-memo-edit.new { display: inline-block; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-edit { display: none; cursor: pointer; width: auto; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-edit.edit { margin-left: 10px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.delete .uadm-delete { display: inline-block; cursor: pointer; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo svg, .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.delete svg { fill: #696c71; } .cl-common-modal .uadmin-memo-edit-modal textarea#uadm-memo, .cl-common-modal .uadmin-memo-edit-modal textarea#uadm-memo:focus { color: #696c71; border: 1px solid #dbdcdf; padding: 10px 12px; min-height: 120px; min-width: 100%; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cl-common-modal .uadmin-memo-edit-modal textarea#uadm-memo + label { float: left; width: 100%; text-align: right; margin-top: 4px; color: #b1b3b7; font-size: 12px; margin-bottom: 0; } @media only screen and (max-width:1024px) { .mng-settings[data-type="uadmin-list"] table { min-width: 991px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-str { max-width: 70%; } } @media only screen and (max-width:767px) { .mobile-background { display: block; position: absolute; width: 100%; background-color: #eeeff3; height: 35px; bottom: 0; } .mng-body.mng-uadmin > .container > .row > div { padding:0; } .mng-uadmin .mng-section-description { padding:0 20px; height: auto; width: 100%; } .mng-uadmin .mng-section-description .uadmin-login-url { /*flex-direction: column; align-items: flex-start; flex-wrap: wrap;*/ display:block; } .mng-uadmin .mng-section-description .uadmin-login-url .title { margin-bottom: 8px;display:block; } .mng-uadmin .mng-section-description .uadmin-login-url i.line { display: none; } .mng-settings[data-type="uadmin-list"] table { min-width: 740px; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.id { width: 26%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.nick { width: 20%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.date { width: 16%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.memo { width: 26%; } .mng-settings[data-type="uadmin-list"] .mng-list table colgroup col.delete { width: 12%; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td { padding-left: 5px; padding-right: 5px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td[colspan="5"] { width: 79%; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-str { max-width: 70%; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.memo .uadm-memo-edit.edit { margin-left: 6px; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.delete { padding-left: 0; padding-right: 0; } .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.delete button.btn { width: 48px; } } /* SET Uadmin Modal *************************************************************************************/ /* SET Uadmin Modal - common */ .flat-modal > .modal > .modal-dialog._admin { font-family: 'Noto Sans KR', 'Noto Sans'; } /*.modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content { padding: 20px 20px 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; }*/ .modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content .point2 {font-size: 14px; color:#222428; font-weight: 600;} .modal-default .modal-dialog.cl-cmmodal.cl-p130 .modal-content .addressee-count.point {color: #4789e7;} .flat-modal > .modal > .modal-dialog._admin .modal-body { padding: 15px; } .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-body h3.modal-title { margin-top: 34px; margin-bottom: 40px; font-family: 'Noto Sans KR', 'Noto Sans'; font-size: 24px; font-weight: 400; color: #222428; } .flat-modal > .modal > .modal-dialog._admin .modal-body h3.modal-title { /* margin-top: 30px; margin-bottom: 30px; font-family: 'Noto Sans KR', 'Noto Sans'; font-size: 20px; font-weight: 500; color: #2d343e; */ } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap { color: #696c71; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .uadmin-txt {font-size:14px; word-break: keep-all;} .flat-modal > .modal > .modal-dialog._admin.add-modal .modal-body .uadmin-wrap { min-height: 150px; } .flat-modal > .modal > .modal-dialog._admin.add-modal.cl-p130 .modal-body .uadmin-wrap { min-height: auto; } .flat-modal > .modal > .modal-dialog._admin.add-modal.cl-p130 .modal-body .uadmin-txt {font-size: 14px; color: #696c71;word-break: keep-all;} .flat-modal > .modal > .modal-dialog._admin.join-result-modal .modal-body .uadmin-wrap { min-height: 200px; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap span.point { font-size: 14px; color: #4789e7; } .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-body .uadmin-wrap span.point { font-size: 14px; color: #222428; font-weight: 600; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .uadmin-txt + .input-group.uadmin-m-1 { margin-top: 38px; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .uadmin-txt + .input-group.uadmin-m-2 { margin-top: 30px; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .uadmin-txt + .input-group.uadmin-m-3 { margin-top: 38px; } .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-body .uadmin-wrap .uadmin-txt + .input-group.uadmin-m-3 { margin-top: 30px; width: 100%;} .flat-modal > .modal > .modal-dialog._admin.add-check-modal .modal-body .uadmin-wrap .uadmin-txt + .input-group.uadmin-m-3 { } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group { margin: 0 auto;/* width: 100%; */} .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-body .uadmin-wrap .input-group {width: 100%;} .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .input-group-addon, .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .form-control { background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; display: block; border: none; box-shadow: none; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .input-group-addon { width: 100%; font-size: 14px; color: #696c71; padding: 0 0 8px 0; text-align: left; float: left; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .form-control ~ .add-nonmem-uadmin-label {left: 21px;} .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .input-group-addon.hide { display: none!important; } .flat-modal > .modal > .modal-dialog._admin .modal-body .uadmin-wrap .input-group .form-control[readonly] { width: 100%; padding: 18px 0; height: 48px; cursor: auto; text-align: center; font-size: 14px; border: solid 1px #dbdcdf; background-color: #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #222428; font-weight: 600; } .flat-modal > .modal > .modal-dialog._admin.cl-p130.add-modal .mng-error, .flat-modal > .modal > .modal-dialog._admin.cl-p130.add-modal .mng-textinfo {margin-bottom: 0;} .flat-modal > .modal > .modal-dialog._admin.cl-p130 .mng-error {margin-bottom: 0; word-break: keep-all;} .flat-modal > .modal > .modal-dialog._admin.cl-p130 .mng-textinfo {margin: 2px 0 17px 0;} .flat-modal > .modal > .modal-dialog._admin.cl-p130 .mng-error, .flat-modal > .modal > .modal-dialog._admin.cl-p130 .mng-textinfo { font-size: 12px; padding: 0; } .flat-modal > .modal > .modal-dialog._admin .mng-error, .flat-modal > .modal > .modal-dialog._admin .mng-textinfo { text-align: left; display: block; color: #ee445f; font-size: 11px; padding: 3px 15px; letter-spacing: 0.02em; margin-top: 5px; } .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-footer { margin-top: 50px; margin-bottom: 10px; } .flat-modal > .modal > .modal-dialog._admin .modal-footer { /* margin-top: 0; margin-bottom: 0; */ } .flat-modal > .modal > .modal-dialog._admin.cl-p130 .modal-footer .btn { float: none; min-width: unset; line-height: 1; padding: 18px 15px; font-size: 14px; } /*.flat-modal > .modal > .modal-dialog._admin .modal-footer .btn { float: left; min-width: 50%; line-height: 1.6; padding: 21px 15px; font-size: 15px; margin-bottom: 0px; }*/ .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-default, .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-default:hover, .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-default:focus { background-color: #a2a3a8; } .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-primary, .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-primary:hover, .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn-primary:focus { background-color: #4789e7!important; } .flat-modal > .modal > .modal-dialog._admin .modal-footer .btn + .btn { margin-left: 0; } /* SET Uadmin Modal - step1. Add */ /* SET Uadmin Modal - step2. New User Data */ .flat-modal > .modal > .modal-dialog._admin.join-modal .uadmin-wrap .input-group { margin-bottom: 5px; } .flat-modal > .modal > .modal-dialog._admin.join-modal.cl-p130 .uadmin-wrap .input-group.mt-15 {margin-top: 15px;} .flat-modal > .modal > .modal-dialog._admin.join-modal.cl-p130 .uadmin-wrap .input-group.mt-30 {margin-top: 30px;} .flat-modal > .modal > .modal-dialog._admin.join-modal.cl-p130 .uadmin-wrap .input-group.mb-30 {margin-bottom: 30px;} .flat-modal > .modal > .modal-dialog._admin.join-modal.cl-p130 .uadmin-wrap .mb-0 {margin-bottom: 0px;} .flat-modal > .modal > .modal-dialog._admin.join-modal .uadmin-wrap .input-group input[data-type="email"] { pointer-events: none; border: none; } .flat-modal > .modal > .modal-dialog._admin.join-modal .uadmin-wrap .input-group .input-group-addon { min-width: 85px; vertical-align: top; padding-top: 10px; } .flat-modal > .modal > .modal-dialog._admin.join-modal .uadmin-wrap[data-lang="en"] .input-group .input-group-addon { min-width: 111px; } .flat-modal > .modal > .modal-dialog._admin.join-modal .mng-error.ex, .flat-modal > .modal > .modal-dialog._admin.join-modal .mng-textinfo.ex { color: #b1b3b7; word-break:break-word; line-height: 1.2; } /* SET Uadmin Modal - step2-1. New User Result */ .flat-modal > .modal > .modal-dialog._admin.join-result-modal .uadmin-wrap .input-group .input-group-addon { min-width: 70px; } .flat-modal > .modal > .modal-dialog._admin.join-result-modal .uadmin-wrap .input-group + .input-group { margin-top: 30px; } /************************************************************************************************************************ PAGE CSS [_admin/dashboard] ********************************************************************************************** ********************* Site UAdmin(Client OR Edit) Page ******************* ********************************************************************************************** **********************************************************************************************/ body .dashboard._admin_dashboard { background-color: #fff; padding-top: 30px; } /* header */ #nav.default-nav._admin .header .header_user > ul > li > a { line-height: 55px; } #nav.default-nav._admin .header .navbar-header a.navbar-brand span { display: inline-block; font-weight: normal; font-size: 26px; } #nav.default-nav._admin .header .header_user .btn-group .dropdown-toggle { cursor: pointer; } #nav.default-nav._admin .header .header_user > ul > li { position: relative; } #nav.default-nav._admin .header .header_user .btn-group.open .dropdown-menu { display: block; /*right: -5px; width: 100%; min-width: 85px; max-width: 100%;*/ } #nav.default-nav._admin .header .header_user .btn-group.lang-box.open .dropdown-menu { /*min-width: 100px;*/ } /* uadmin login */ ._admin .login-wrap { max-width: 415px; margin: 7% auto 0; } ._admin .login-wrap h5.login-title { font-family: 'Nanum Gothic'; font-weight: 500; text-align: center; font-size: 38px; margin: 0 auto 40px; letter-spacing: 0.07em; } ._admin .login-wrap .form-group { display: block; position: relative; margin: 15px 0; overflow: hidden; } ._admin .login-wrap .form-control { position: relative; border: 1px solid #cbcbcb; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 8px 15px 8px 20px; height: 45px; line-height: 1; vertical-align: middle; } ._admin .login-wrap .form-control::-webkit-input-placeholder { font-size:14px; line-height:29px; vertical-align: middle; } ._admin .login-wrap .form-control:-moz-placeholder { font-size:14px; line-height:29px; vertical-align: middle; } ._admin .login-wrap .form-control::-moz-placeholder { font-size:14px; line-height:29px; vertical-align: middle; } ._admin .login-wrap .form-control:-ms-input-placeholder { font-size:14px; line-height:29px; vertical-align: middle; } ._admin .login-wrap .form-control + label { display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 18px; text-align: right; } ._admin .login-wrap .form-control + label .fa, ._admin .login-wrap .form-control + label span { color: #ee445f; display: block; font-size: 80%; line-height: 45px; } ._admin .login-wrap .form-control + label span { color: transparent; } ._admin .login-wrap .form-control + .error, ._admin .login-wrap .form-control + label + .error { text-align: left; display: block; padding-left: 15px; } ._admin .login-wrap .form-group:not(.optional) .form-control + label .fa { height: 45px; } ._admin .login-wrap .modal-body .form-control + label .fa:before, ._admin .login-wrap .form-group:not(.optional) .form-control + label .fa:before { content: ' '; } ._admin .login-wrap button.btn-primary { min-width: 100%; padding: 13px 15px; line-height: 1; font-size: 15px; background-color: #0174e9!important; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #145aa2; text-decoration: none; } ._admin .login-wrap #uadmLogin + .forgot-wrap { text-align: center; padding-top: 10px; } ._admin .login-wrap #uadmLogin + .forgot-wrap .forgot-pw { cursor: pointer; border-bottom: 1px solid #0174e9; color: #0174e9; margin-left: 5px; } /*manager umember*/ ._admin .mng-list table.table.empty { table-layout: unset; } ._admin .mng-list thead > tr > th { word-break: break-all; } /* dashboard */ ._admin .dashboard-main { margin-top: 30px; } ._admin .dashboard-main + .dashboard-main { margin-bottom: 50px; } ._admin .site-data { padding-top: 0; } ._admin .site-toolbar { margin-top: 30px; text-align: left; } ._admin .site-toolbar .toolbar li:not(.active) a { color: #fff; background-color: #2d343e; } ._admin .site-toolbar .toolbar li:nth-child(1), ._admin .site-toolbar .toolbar li:nth-child(2) { display: inline-block; } /* forms */ ._admin.forms *:not(.fa) { /*font-family: 'Nanum Gothic', 'Nato Sans';*/ } ._admin.forms h3.title { margin-top: 50px; margin-bottom: 20px; } ._admin.forms .bottom-txt { /*font-size: 12px; margin-top: 30px; opacity: 0.8;*/ } ._admin.forms table.forms-list tbody tr th:nth-child(6) { width: 145px; } ._admin.forms table.forms-list tbody tr th:nth-child(7) { width: 30px; } ._admin.forms .label-wrap { padding-top: 0!important; margin-top: -30px; } ._admin.forms .label-wrap label { padding: .3em .6em .4em; letter-spacing: -0.005em; } @media only screen and (max-width: 767px) { ._admin .site-toolbar { padding-bottom: 50px; } ._admin .site-toolbar .toolbar li a { padding: 8px; } ._admin .site-toolbar .toolbar li:nth-child(1) { padding-right: 15px; width: 53%; } ._admin .site-toolbar .toolbar li:nth-child(2) { padding-right: 0; width: 45%; } ._admin .site-toolbar .toolbar li.active a { background-color: transparent; } ._admin .login-wrap { max-width: 50%; } .mobilemng-uadmin .mng-section-description {padding: 20px 13px 10px 13px; } .mobilemng-uadmin .mng-section-description .uadmin-login-url { font-weight: 300; font-size: 13px; display:block; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } .mng-list table.memberlist-table { width: 600px;} .mng-list table { width: 100%;} .mng-list .table-container { width: 100%; overflow-x: auto; _overflow: auto; } .mng-list table thead {/* display: inline-block; */} .mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr {max-width: 312px;} .mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(3) { width: 167px;} .mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(4) { width: 85px;} ._admin .login-wrap {margin:22% auto 0;} #nav._admin {background-color: #3c4451;} #nav.default-nav._admin .header .navbar-header a.navbar-toggle .cl_icon_menu {color:#fff;} /* 부관리자 운영사 설정 모달창 */ .flat-modal > .modal > .modal-dialog._admin .modal-content {padding: 20px 15px 50px;} .flat-modal .modal-default .modal-dialog.memberinfo-modal { padding: 0; height: 100%; margin: 0; width: 100%; max-width: 100%; } .flat-modal .modal-default .memberinfo-modal .modal-content {height: 100%;} .flat-modal .modal-default .memberinfo-modal .modal-content { padding-left: 0; padding-right: 0; } .flat-modal .modal-default .memberinfo-modal button.close {display: none;} } @media only screen and (max-width: 479px) { ._admin .login-wrap { max-width: 80%; } }