/*********************************************************************************************
**********************************************************************************************
********************* 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; }
.mng-settings .mng-wrap .mng-panel .mng-panel-label.mb-5 {margin-bottom: 5px;}
.mng-dashboard {
width: 100%;
max-width: 947px;
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 0 27px 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: 5px;
/*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;
}
.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 {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;}
.mng-sortWrap .mng-sortlistWrap .mng-sortlistBox li .newcheckbox .newcheckboxSvg {margin-top: 2px;}
.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: 6px;
color: #696c71;
text-align: left;
display: inline-block;
line-height: 1.4;
}
.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 .tableListContainer {
overflow-x: auto;
width: 100%;
margin-bottom: 15px;
border: 1px solid #eeeff0;
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: 23px;}
.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;
font-size: 12px;
text-align: center;
color:#696c71;
max-width: 308px;
word-break: break-all;
height: 50px;
word-break: break-word;
}
.mng-list thead > tr > th {
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 {
border-top: none;
vertical-align: middle;
}
.mng-settings .memberconfig-svg {
fill:#696c71;
cursor: pointer;
width: 100%;
}
.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;
}
.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;}
/********************************************************************************** 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
{ pointer-events: none; background-color: transparent; border: none; }
.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;
}
.mng-list tbody > tr:hover:not(.listZero) > td {
background-color: #f4f7fc;
}
/*********************************************************************************************
**********************************************************************************************
********************* 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-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 {
position: relative;
min-height: 241px;
overflow-x: hidden;
overflow-y: visible;
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-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;
}
.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;}
.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: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 .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:#4789e7; float: left;}
.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: #4789e7;
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%; margin-bottom: 23px;}
.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[colspan="7"] {
height: 300px;
vertical-align: middle;
}
.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: 6px; }
.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;
line-height: normal;
}
.mng-settings[data-type="member-list"] thead .newcheckbox label {
top: 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) { padding: 17px 0;height:50px; margin: 0;}
.mng-settings[data-type="member-list"] .mng-list table > tbody > tr > td:nth-child(1) {display: table-cell; }
.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);
}
.mng-modal-body.info-modal .form-group .control-label {
text-align: left;
padding: 0;
position: relative;
float: left;
max-width: 63px;
margin-top: 10px;
word-break: break-word;
}
/*.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;}
/************************************************************************************************************************ PAGE CSS [member_waitlist]
**********************************************************************************************
********************* site_manager > Wait List **********************
**********************************************************************************************
**********************************************************************************************/
.mng-settings[data-type="member-waitlist"] .mng-list table > tbody > tr > td[colspan="7"] {
height: 300px;
vertical-align: middle;
}
.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:20px;}
.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: 100px;
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;
}
.mng-settings[data-type="member-blocklist"] .mng-list table > tbody > tr > td[colspan="5"] {
height: 300px;
vertical-align: middle;
}
.mng-settings[data-type="member-blocklist"] .tableListContainer {margin-bottom: 20px;}
.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;
}
@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; }
}
@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;}
.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;}
.saveNoticeMobile {
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%;}
.mng-settings.setting-subInfoBox > .mng-title:not(.mng-title-mobile) { 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 > 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 > tbody > tr > td[colspan="8"] { height: 200px; }
.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-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; }
}
@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;}
}
@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 [/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: 0px;
width: 100%;
overflow: hidden;
}
.mng-uadmin .mng-section-description .uadmin-login-url a:hover {text-decoration: underline;}
.mng-uadmin .mng-section-description .uadmin-login-url.uadminCheckWidth .uadminUrlTitle {margin-bottom: 8px;}
.mng-uadmin .mng-section-description .uadmin-login-url .uadminUrlTitle {
color: #696c71;
padding-right: 40px;
margin-bottom: 14px;
display: inline-block;
float: left;
}
.mng-uadmin .mng-section-description .uadmin-login-url .uadminUrlTitle + a {
margin-bottom: 14px;
width: auto;
word-break: break-all;
float: left;
line-height: 1.4;
}
.mng-uadmin .mng-section-description .uadmin-login-url .uadminUrlTitle::after {
content: ' ';
position: absolute;
top: 50%;
width: 1px;
height: 15px;
background-color: #d1d3d5;
background-color: #d1d3d5;
transform: translateY(-50%);
margin-left: 20px;
}
.mng-uadmin .mng-section-description .uadmin-login-url.uadminCheckWidth .uadminUrlTitle::after {display: none;}
.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;}
.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;
}
.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 + .mng-title + .mng-list { margin-bottom: 23px; }
.mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th {
padding: 16px 0px;
background-color: #f7f8f9;
color: #696c71;
font-size: 12px;
line-height: 1.5;
height: 50px;
}
.mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td { padding: 12px 8px; height: 50px; }
.mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(1) { width: 290px; }
.mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(2) { width: 290px; }
.mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(3) { width: 140px; }
.mng-settings[data-type="uadmin-list"] .mng-list table > thead > tr > th:nth-child(4) { width: 144px; }
.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="4"] { height: 120px; vertical-align: middle; width: 100%;}
.mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td.id { position: relative; }
@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 .uadminUrlTitle {
width: 100%;
margin-bottom: 8px;
}
.mng-uadmin .mng-section-description .uadmin-login-url a {/* float: left; width: 100%; */}
.mng-uadmin .mng-section-description .uadmin-login-url .uadminUrlTitle::after {display: none;}
.mng-settings[data-type="uadmin-list"] .mng-list table > tbody > tr > td[colspan="4"] {width: 79%;}
}
/* 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: 70px;
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 15px 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-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; }
/* 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%; }
}