/* list table 추가 */
.table-link-text,
.table-link-text:hover {
    display: block;
    height: 64px;
    line-height: 66px; /* 2019-11-21 64->66 */
    color: rgba(53, 65, 76, 1);
    text-decoration: none;
}

/* info table */
.info-table-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(130, 145, 155, 1);
}
.info-table-wrap:not(:first-child) {
    border-top: 1px solid rgba(215, 220, 222, 1);
}
.info-table-wrap > .info-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 0;
    font-size: 14px;
    color: rgba(53, 65, 76, 1);
}

.info-table-wrap .info-table > tbody > tr > th {
    font-weight: 500;
    padding-top: 8px;
}

.info-table-wrap .info-table > tbody > tr > th,
.info-table-wrap .info-table > tbody > tr > td {
    height: 44px;
    vertical-align: top;
    /* padding: 0;    
    padding-top: 8px; */
    border-bottom: 8px solid transparent;
}
.info-table-wrap .info-table > tbody td.vcenter {
    vertical-align: middle;
    color: rgba(130, 145, 155, 1);
    word-break: break-word;
    white-space: initial;
}

.info-table-wrap .info-table > tbody > tr > td.indent {
    /* padding-left: 12px; */
}

.info-table-wrap .info-table > tbody > tr:last-child > th,
.info-table-wrap .info-table > tbody > tr:last-child > td {
    height: 36px;
    border-bottom: 0px;
}
.info-table-wrap .info-table > tbody > tr:last-child > td {
    /* 2019-11-07 추가 */
    padding: 0;
}
.info-table-wrap .info-table > tbody > tr > th:nth-child(3) {
    padding-left: 50px;
}

.info-table-wrap .info-table > tbody > tr > td:nth-child(2) {
    padding-right: 50px;
}
/* 공지사항 > 게시판 */
.info-table-wrap.board {
    padding-top: 20px;
    padding-bottom: 20px;
}
.info-table-wrap.board table th {
    width: 115px;
}
.info-table-wrap.board table td {
    width: 985px;
    padding-right: 0 !important;
}
.info-table-wrap.board div:not(.fr-view) > ol {
    padding: 0;
    margin: 0;
}
.info-table-wrap.board div:not(.fr-view) > ol li {
    list-style: none;
}
.info-table-wrap.board table:not(:first-child) {
    padding-top: 20px;
}
.info-table-wrap.board table:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #d7dcde;
}

/* password */
.info-table-wrap .info-table.password {
    width: 500px;
    margin: auto;
}
.info-table-wrap .info-table.password > tbody > tr > td:nth-child(2) {
    padding-right: 0;
}

.info-table-wrap
    .info-table.password
    > tbody
    > tr:nth-child(3)
    > td:nth-child(2) {
    padding-right: 0;
    padding-bottom: 30px;
}

/* password 입력조건 */
.password-guide th,
.password-guide td {
    color: #82919b;
    font-size: 12px;
    padding-top: 15px !important;
    border-top: 1px solid #d7dcde;
}
.password-guide td ul li {
    float: none;
    color: inherit;
    font-size: inherit;
}

/* platform-table--type1 : 회원관리 줄마다 색변하는 테이블 */
.platform-table--type1 {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 0;
    font-size: 14px;
    color: rgba(53, 65, 76, 1);
}
.platform-table--type1 > thead > tr {
    height: 36px;
    font-size: 13px;
    font-weight: 500;
    color: #35414c;
}
.platform-table--type1 > tbody > tr:first-child > * {
    border-top: 1px solid rgba(130, 145, 155, 1);
}
.platform-table--type1 > tbody > tr:last-child > * {
    border-bottom: 1px solid rgba(130, 145, 155, 1);
}
.platform-table--type1 > tbody > tr:nth-child(even) > * {
    background-color: #f5f7f8;
}
.platform-table--type1 > tbody > tr:nth-child(odd) > * {
    background-color: #fff;
}
.platform-table--type1 > tbody > tr {
    height: 36px;
    font-size: 13px;
    color: #82919b;
}
/* platform-table--type2 : 회원관리 제목부분만 색 있는 테이블 */
.platform-table--type2 {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-width: 0;
    font-size: 14px;
    color: rgba(53, 65, 76, 1);
}
.platform-table--type2 > thead > tr {
    height: 40px;
}
.platform-table--type2 > tbody > tr {
    height: 40px;
}
.platform-table--type2 > thead > tr:first-child > th {
    color: #35414c;
    font-weight: 400;
    background-color: #f5f7f8;
    border-top: 1px solid #d7dcde;
}

.platform-table--type2 > tbody > tr > td {
    color: #82919b;
    border-bottom: 1px solid #d7dcde;
}

/* 2019-11-18 table-focus 추가 */
/* .table-focus tr:not([data-list="cont"]):focus, */
.table-focus tr:not([data-list="cont"]).focus {
    outline: auto;
}

/* platform-popup :회원 관리 등급내역 변경 팝업 */
.platform-popup .ui-widget-header {
    height: auto !important;
}
.platform-popup .ui-dialog-title {
    width: auto !important;
    height: auto !important;
    line-height: initial !important;
}
.platform-popup .ui-dialog-titlebar-close {
    right: 30px;
    top: 30px;
}

/* text input */
.validation-input-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top; 
}

.validation-input-wrap-login {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.validation-input-wrap-login.width100,
.validation-input-wrap.width100 {
    width: 100%;
}

.validation-input-wrap-login input::placeholder,
.validation-input-wrap input::placeholder {
    color: rgba(130, 145, 155, 1);
    font-weight: 300;
}

.validation-input-wrap-login input:focus.not(:read-only)::placeholder,
.validation-input-wrap input:focus.not(:read-only)::placeholder {
    color: rgba(232, 233, 236, 1);
}

.validation-input-wrap-login input,
.validation-input-wrap input {
    min-width: 50px;
    width: 100%;
    height: 36px;
    padding: 8px 10px;
    font-size: 14px;
    color: rgba(24, 45, 64, 1);
    caret-color: rgba(240, 83, 41, 1);
    border-radius: 3px;
    border: 1px solid rgba(215, 220, 222, 1);
}

.validation-input-wrap-login input.graytext,
.validation-input-wrap input.graytext {
    color: #82919b;
}

.validation-input-wrap-login input:hover,
.validation-input-wrap input:hover {
    border-color: rgba(130, 145, 155, 1);
}

.validation-input-wrap-login input:focus,
.validation-input-wrap input:focus {
    border-color: rgba(24, 45, 64, 1);
}

.validation-input-wrap input:disabled,
.validation-input-wrap input:read-only {
    color: rgba(130, 145, 155, 1);
    border-color: rgba(232, 233, 236, 1);
    background-color: rgba(245, 247, 248, 1);
}

.validation-input-wrap-login input:invalid,
.validation-input-wrap input:invalid {
    box-shadow: none;
}
.validation-input-wrap-login input:disabled + p,
.validation-input-wrap input:disabled + p {
    color: rgba(130, 145, 155, 1);
}

.validation-input-wrap-login p,
.validation-input-wrap p {
    margin-top: 5px;
    margin-bottom: 12px;
    font-size: 12px;
    color: rgba(24, 45, 64, 1);
}

.validation-input-wrap-login.error p,
.validation-input-wrap.error p {
    color: rgba(240, 83, 41, 1);
}

.validation-input-wrap-login error input,
.validation-input-wrap.error input {
    padding-right: 24px;
    border-color: rgba(240, 83, 41, 1);
    background: center right 10px no-repeat
        url("../image/assets/Warning_icon-3x.png");
    background-size: 12px 13px;
}

.validation-input-wrap-login.success input,
.validation-input-wrap.success input {
    padding-right: 24px;
    border-color: rgba(24, 45, 64, 1);
    background: center right 10px no-repeat
        url("/image/assets/ok_icon-3x-df515f6d62f9517ed78e40cf01fafb92.png");
    background-size: 13px 13px;
}

.validation-input-wrap-login input.input-calender,
.validation-input-wrap input.input-calendar {
    padding-right: 26px;
    background: center right 10px no-repeat
        url("/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png");
    background-size: 14px 15px;
}

.validation-input-wrap-login input.input-calender:hover,
.validation-input-wrap input.input-calendar:hover {
    background: center right 10px no-repeat
        url("/image/assets/btn_chalender_on-3x-7c450e5496cb8ce4292dfa02f83b7a5e.png");
    background-size: 14px 15px;
}

.validation-input-wrap-login input.input-calendar:disabled,
.validation-input-wrap input.input-calendar:disabled {
    background-color: rgba(245, 247, 248, 1);
}

.validation-input-wrap-login input.input-calendar:disabled:hover,
.validation-input-wrap input.input-calendar:disabled:hover {
    background-color: rgba(245, 247, 248, 1);
    background-image: url("/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png");
    background-position: center right 10px;
    background-size: 14px 15px;
}

.validation-input-wrap-login input.input-timepicker,
.validation-input-wrap input.input-timepicker {
    padding-right: 26px;
    background: center right 10px no-repeat
        url("/image/assets/btn_TimeSet_2-3x-2bdac12e9fc2c0293320b6c416c00e64.png");
    background-size: 20px 20px;
}

.validation-input-wrap-login input.input-timepicker:hover,
.validation-input-wrap input.input-timepicker:hover {
    background-image: url("/image/assets/btn_TimeSet_on-3x-bfbecbf2f24073fef11c51d6dae62ff1.png");
}

/* input ridio */
.platform-radio {
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-top; /* 2019-10-17 추가 */
}

.platform-radio > input {
    display: none;
}

.platform-radio > span {
    display: inline-block;
    position: relative;
    top: -1px; /* 2019-10-17 추가 */
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: text-bottom; /* 2019-10-17 수정 */
    background-color: #fff;
    border: 1px solid rgba(215, 220, 222, 1);
    border-radius: 8px;
}

.platform-radio > input:checked + span:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: rgba(130, 145, 155, 1);
    border-radius: 4px;
}
.platform-radio > input:disabled + span {
    background-color: #f5f7f8;
}
/* 체크박스 인풋 추가 */
input.checkbox-label[type="checkbox"]:disabled + label span {
    background-color: rgba(245, 247, 248, 1);
}
input.check-map-list[type="checkbox"]:checked:disabled + label span {
    background-image: url("/image/assets/radiobox_select_dim-3x-4dc48d6597cd6fb177e09c11db348a12.png");
}

/* 부트스트랩 달력 수정 bootstrap-datetimepicker-widget */
.bootstrap-datetimepicker-widget {
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget.top::before {
    border-top: 0 !important;
}
.bootstrap-datetimepicker-widget.bottom::before {
    border-bottom: 0 !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour {
    width: 340px !important;
    padding: 30px 30px !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour .row {
    margin-right: 0;
    margin-left: 0;
}
.bootstrap-datetimepicker-widget .list-unstyled > li:first-child {
    display: list-item;
}
.bootstrap-datetimepicker-widget .list-unstyled > li {
    /* display: list-item; */
    margin: initial;
    padding: initial;
    border: initial;
    float: none;
}

.bootstrap-datetimepicker-widget.usetwentyfour .datepicker table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
/* */
.bootstrap-datetimepicker-widget .datepicker table th {
    font-weight: normal;
}
.bootstrap-datetimepicker-widget .datepicker table th.dow {
    padding-top: 25px;
    font-size: 9px;
    color: #35414c;
}
.bootstrap-datetimepicker-widget .datepicker table th.dow:first-child {
    color: #f05329;
}
.bootstrap-datetimepicker-widget .datepicker table th.dow:last-child {
    color: #43a5b2;
}
.bootstrap-datetimepicker-widget .datepicker table td.day {
    color: #82919b;
    text-shadow: none;
}
.bootstrap-datetimepicker-widget .datepicker table td.day.new,
.bootstrap-datetimepicker-widget .datepicker table td.day.old {
    color: #d7dcde;
}

.bootstrap-datetimepicker-widget
    .datepicker
    table
    td.day:not(.new):not(.old):first-child {
    color: #f05329;
}
.bootstrap-datetimepicker-widget
    .datepicker
    table
    td.day:not(.new):not(.old):last-child {
    color: #43a5b2;
}
/**/
.bootstrap-datetimepicker-widget.usetwentyfour .datepicker .datepicker-months,
.bootstrap-datetimepicker-widget.usetwentyfour .datepicker .datepicker-years,
.bootstrap-datetimepicker-widget.usetwentyfour .datepicker .datepicker-decades {
    white-space: initial;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #f05329 !important;
}
.bootstrap-datetimepicker-widget .datepicker-days .picker-switch {
    font-size: 18px;
    color: #35414c;
    font-weight: 400;
}
.bootstrap-datetimepicker-widget
    .datepicker-days
    span.glyphicon-chevron-left::before,
.bootstrap-datetimepicker-widget .glyphicon-chevron-left::before {
    /* img */
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    transform: rotate(0deg);
    background-image: url("/image/assets/btn_Previous-3x-e9ffb291fa5c49894b62e71dbbdc1957.png");
    background-repeat: no-repeat;
    background-size: 8px 12px;
}
.bootstrap-datetimepicker-widget
    .datepicker-days
    span.glyphicon-chevron-right::before,
.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
    /* img */
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    transform: rotate(0deg);
    background-image: url("/image/assets/btn_Next-3x-a2715717b02b6e069c356fe14cb71a97.png");
    background-repeat: no-repeat;
    background-size: 8px 12px;
}
/* 달력 부분 월/ 연도 table 부분 */
.bootstrap-datetimepicker-widget .datepicker-months table,
.bootstrap-datetimepicker-widget .datepicker-years table {
    width: 258px;
    margin: auto;
}
.bootstrap-datetimepicker-widget .datepicker-months table thead tr,
.bootstrap-datetimepicker-widget .datepicker-years table thead tr {
    height: 46px;
    vertical-align: initial;
}
.bootstrap-datetimepicker-widget
    .datepicker-months
    table
    thead
    tr:first-child
    th:hover,
.bootstrap-datetimepicker-widget
    .datepicker-years
    table
    thead
    tr:first-child
    th:hover,
.bootstrap-datetimepicker-widget
    .datepicker-days
    table
    thead
    tr:first-child
    th:hover {
    background: transparent;
}
.bootstrap-datetimepicker-widget .datepicker-months table thead,
.bootstrap-datetimepicker-widget .datepicker-months table tbody td,
.bootstrap-datetimepicker-widget .datepicker-years table thead,
.bootstrap-datetimepicker-widget .datepicker-years table tbody td {
    display: inline-block;
}
.bootstrap-datetimepicker-widget .datepicker-months table thead .picker-switch,
.bootstrap-datetimepicker-widget .datepicker-years table thead .picker-switch {
    width: 218px;
}
.bootstrap-datetimepicker-widget .datepicker-months tbody td,
.bootstrap-datetimepicker-widget .datepicker-years tbody td {
    width: 258px;
    height: 200px;
    padding: 20px 10px;
    border: 1px solid #d7dcde;
    border-radius: 5px;
    color: #82919b;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span,
.bootstrap-datetimepicker-widget .datepicker-years table td span {
    margin: 4px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    color: #82919b;
    border-radius: 5px;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span.disabled,
.bootstrap-datetimepicker-widget .datepicker-years table td span.disabled {
    color: #82919b;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span:hover,
.bootstrap-datetimepicker-widget .datepicker-years table td span:hover {
    color: #182d40;
    background: transparent;
    border: 1px solid #ffa022;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span.active,
.bootstrap-datetimepicker-widget .datepicker-years table td span.active {
    color: #ffffff !important;
    text-shadow: none;
}
/* prevent decades */
.datepicker-years .picker-switch {
    cursor: default !important;
    background: inherit !important;
}
/* timepicker */
.bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 640px !important;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .row {
    margin-right: 0;
    margin-left: 0;
    /* padding: 30px 40px; */
    align-items: center;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .datepicker {
    padding-right: 40px;
    border-right: 1px solid #d7dcde;
    flex: 0 0 55%;
    max-width: 55%;
}

.bootstrap-datetimepicker-widget table td.today:before {
    height: 7px;
    width: 7px;
    bottom: inherit;
    top: 2px !important;
    right: 3px !important;
    border-bottom-color: #ffa022 !important;
    border-radius: 5px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .datepicker-days table tr {
    height: 32px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .datepicker-days table td.day {
    height: 30px !important;
    line-height: 30px;
    width: 30px !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.bootstrap-datetimepicker-widget table td {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: transparent !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    color: #ffffff !important;
    background-color: transparent !important;
}
.bootstrap-datetimepicker-widget table td.active::after,
.bootstrap-datetimepicker-widget table td.active:hover::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f05329 !important;
    border-radius: 5px;
}
.bootstrap-datetimepicker-widget table td.day:hover::after,
.bootstrap-datetimepicker-widget table td.hour:hover::after,
.bootstrap-datetimepicker-widget table td.minute:hover::after,
.bootstrap-datetimepicker-widget table td.second:hover::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffa022;
    border-radius: 5px;
}
/* timepicker 시간부분 */
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker {
    padding-left: 30px;
    flex: 0 0 45%;
    max-width: 45%;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker .timepicker-hours,
.bootstrap-datetimepicker-widget.timepicker-sbs
    .timepicker
    .timepicker-minutes {
    padding: 26px 30px;
    border: 1px solid #d7dcde;
    border-radius: 5px;
}
.bootstrap-datetimepicker-widget .timepicker table {
    width: 126px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker table td span {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-weight: 400;
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    display: flex;
    justify-content: center;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker-picker table td {
    height: 30px;
    line-height: 30px;
    width: 20px;
    color: #82919b;
}
.bootstrap-datetimepicker-widget .timepicker-hours table,
.bootstrap-datetimepicker-widget .timepicker-minutes table {
    width: 100%;
}
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker-hours table td,
.bootstrap-datetimepicker-widget.timepicker-sbs .timepicker-minutes table td {
    height: 30px;
    line-height: 30px;
    border-right: 18px solid transparent;
}
.bootstrap-datetimepicker-widget.timepicker-sbs
    .timepicker-hours
    table
    td:last-child,
.bootstrap-datetimepicker-widget.timepicker-sbs
    .timepicker-minutes
    table
    td:last-child {
    border-right: 0;
}
.bootstrap-datetimepicker-widget.timepicker-sbs table td span.timepicker-hour,
.bootstrap-datetimepicker-widget.timepicker-sbs
    table
    td
    span.timepicker-minute {
    font-size: 18px !important;
    color: #35414c !important;
}
.bootstrap-datetimepicker-widget.timepicker-sbs
    table
    td
    span.glyphicon-chevron-up:before {
    /* img */
    content: "";
    display: inline-block;
    margin-bottom: 5px;
    width: 8px;
    height: 12px;
    transform: rotate(90deg);
    background-image: url("/image/assets/btn_Previous-3x-e9ffb291fa5c49894b62e71dbbdc1957.png");
    background-repeat: no-repeat;
    background-size: 8px 12px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs
    table
    td
    span.glyphicon-chevron-down:before {
    /* img */
    content: "";
    display: inline-block;
    margin-top: 5px;
    width: 8px;
    height: 12px;
    transform: rotate(90deg);
    background-image: url("/image/assets/btn_Next-3x-a2715717b02b6e069c356fe14cb71a97.png");
    background-repeat: no-repeat;
    background-size: 8px 12px;
}

/* common css checkbox 추가 */
input.checkbox-label[type="checkbox"] + label {
    height: 36px;
    line-height: 36px;
    color: rgba(53, 65, 76, 1);
}
input.checkbox-label[type="checkbox"] + label span {
    vertical-align: text-top;
    margin-right: 5px;
    background-color: white;
}

/* input file */
.platform-filebox label {
    color: rgba(240, 83, 41, 1);
    text-decoration: underline;
    cursor: pointer;
}
.platform-filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.platform-filebox + .asset-delete {
    cursor: pointer;
}
.platform-filebox form {
    display: inline-block;
}
/* text area */
.platform-textarea {
    width: 1100px;
    height: 130px;
    padding: 10px;
    font-size: 14px;
    color: rgba(24, 45, 64, 1);
    caret-color: rgba(240, 83, 41, 1);
    border-radius: 3px;
    border: 1px solid rgba(215, 220, 222, 1);
}

.platform-textarea.border0 {
    overflow-y: auto;
    white-space: initial;
    color: rgba(130, 145, 155, 1);
    border-radius: 0px;
    border: 0px;
}
.platform-textarea.border0 > p {
    margin: 0;
    white-space: initial;
}

/* text */
.text-helper-df-color {
    color: #182d40 !important;
}
.text-em-color {
    color: rgba(240, 83, 41, 1) !important;
}
.link-text,
.link-text:hover {
    font-size: 14px;
    color: rgba(240, 83, 41, 1);
    text-decoration: underline;
}

/* button */
.btn-type2.btn-set {
    width: 112px; /* 2019-10-15 수정 */
    padding: 8px 16px; /* 2019-10-15 수정 */
    line-height: 18px;
    font-weight: normal;
}

button.btn-page--bottom {
    width: 194px;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
}

/*
 * window popup css 
 */

.platform-windowpop--wrap {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 45px 50px;
}
.platform-windowpop--title {
    text-align: left;
    padding-bottom: 20px;
}
.platform-windowpop--title h3 {
    font-size: 18px;
    font-weight: 500;
    color: #35414c;
}
.platform-windowpop--subtitle {
    text-align: left;
    padding-bottom: 15px;
}
.platform-windowpop--subtitle h5 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #35414c;
}
.platform-windowpop--subtitle button {
    vertical-align: initial;
}
.platform-windowpop--subtitle .left {
    float: left;
    padding-top: 10px;
}
.platform-windowpop--subtitle .right {
    float: right;
}
.platform-windowpop--subtitle::after {
    content: "";
    display: block;
    clear: both;
}

.info-table-wrap.board td .platform-oneline,
.platform-oneline.tablein {
    display: block;
    font-size: 15px;
    color: #82919b;
}
.platform-oneline {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

/*
 * page css 
 */

/* 운영관리 > 기업관리 : 생성 */
.company-create--radio-wrap,
.platform-radio-box--gray {
    height: 36px;
    padding: 8px 10px;
    background-color: rgba(245, 247, 248, 1);
    border-radius: 3px;
}
.company-create--radio-wrap.indent > label:not(:first-child) {
    margin-left: 11px;
}

.company-create--address-wrap {
    padding: 10px 0;
}
.company-create--address-wrap > *:not(:last-child) {
    margin-bottom: 5px;
}
.company-create--url {
    position: absolute;
    top: 8px;
    left: 10px;
    color: rgba(130, 145, 155, 1);
    font-weight: 300; /* 2019-10-17 수정 */
}
.company-create--url + input {
    padding-left: 56px;
}
.company-create--ci-tooltip {
    display: none;
    z-index: 999;
    width: 255px; /* 2019-10-15 수정 */
    position: absolute;
    top: 18px;
    left: 80px;
    padding: 20px 16px;
    background-color: rgba(245, 247, 248, 1);
    border-radius: 5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
}
.company-create--ci-tooltip p {
    word-break: keep-all;
    white-space: normal;
    color: rgba(130, 145, 155, 1);
}
.company-create--ci-tooltip ol {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: rgba(130, 145, 155, 1);
}
.company-create--ci-tooltip li {
    list-style-type: none;
}
.company-create--remark-wrap > div:first-child {
    padding-top: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(53, 65, 76, 1);
    border-top: 1px solid rgba(215, 220, 222, 1);
}
.company-create--remark-wrap textarea {
    width: 1100px;
    height: 130px;
    resize: none;
}
.company-create--file-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    height: 36px;
    line-height: 36px;

    box-sizing: content-box;
}
.company-create--file-wrap span {
    font-size: 14px;
    font-weight: 500;
    color: rgba(53, 65, 76);
}
.company-create--file-wrap > div {
    width: 135px; /* 2019-10-15 수정 115->135 */
    display: inline-block;
}
.company-create--btnwrap {
    padding-top: 60px;
    text-align: center;
    border-top: 1px solid rgba(130, 145, 155, 1);
}
.company-create--btnwrap > button:first-child {
    margin-right: 10px;
}
.company-create--file-wrap--filebox .left {
    position: relative;
    top: 2px;
    margin-right: 11px;
}
.company-create--file-wrap--filebox .right {
    position: relative;
    top: 3px;
    margin-left: 5px;
    cursor: pointer;
}
.company-create--btnwrap-list {
    padding-top: 20px;
    border-top: 1px solid rgba(130, 145, 155, 1);
}
.company-create--btnwrap-list::after {
    content: "";
    display: none;
    clear: both;
    overflow: hidden;
}

/* 회원관리 - 생성 */
.account-map--tabletitle {
    padding-top: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(66, 79, 92, 1);
    border-top: 1px solid rgba(215, 220, 222, 1);
}
.account-map--role-wrap {
    width: 1100px;
    padding: 35px 20px 35px 20px;
    border: 1px solid rgba(215, 220, 222, 1);
    border-radius: 3px;
}
.account-map--role-wrap tbody th {
    vertical-align: middle;
    font-weight: 500;
    color: rgba(130, 145, 155, 1);
}
.account-map--role-wrap tbody td {
    vertical-align: middle;
}
.account-map--role-wrap tbody tr:first-child {
    /* 2019-10-15 수정 */
    height: 41px;
    border-bottom: 5px solid transparent;
}
.account-map--role-wrap tbody tr:first-child > * {
    /* 2019-10-15 수정 */
    height: 36px;
    margin-bottom: 5px;
}
.account-map--role-wrap tbody tr:nth-child(2) > * {
    /* 2019-10-15 수정 */
    height: 36px;
    vertical-align: text-top;
}
.account-map--role-wrap tbody tr.middle > * {
    /* 2019-10-15 수정 */
    vertical-align: middle;
    /* border-top: 20px solid transparent; */ /* 2019-10-15 수정 */
}
tbody p.account-map--role-wrap--p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 13px;
    color: rgba(130, 145, 155, 1);
}
.validation-input-wrap input.account-map--count {
    padding-right: 22px;
}
.validation-input-wrap span.account-map--count {
    position: absolute;
    top: 8px;
    right: 10px;
    color: rgba(130, 145, 155, 1);
}

.account-map--endday {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: rgba(130, 145, 155, 1);
}
.account-map--endday span {
    margin-left: 10px;
    color: rgba(130, 145, 155, 1);
}
.bottom-wrap--table {
    margin-top: 30px;
    margin-bottom: 30px;
}
.bottom-wrap--table span {
    font-size: 14px;
}
.bottom-wrap--table .tr > div:first-child span {
    font-weight: 500;
    color: rgba(66, 79, 92, 1);
}
.bottom-wrap--table div.tr > div:first-child {
    width: 135px; /* 2019-10-14 수정 115->135 */
    height: 36px;
    line-height: 36px;
}
.bottom-wrap--table div.tr > div {
    display: inline-block;
    vertical-align: middle;
}
.bottom-wrap--table div.tr:not(:first-child) {
    margin-top: 10px;
}
.bottom-wrap--table div.tr div.width100 {
    width: calc(100% - 135px); /* 2019-10-15 수정 */
}
/* 회원관리 상세조회 지도권한 text color */
.info-table > tbody .text-role,
span.text-role {
    color: #82919b;
}
.info-table > tbody .text-role--not,
span.text-role--not {
    color: #d7dcde;
}
/**
 * 로그인
*/
.platform--login-wrap {
    width: 480px;
    background-color: #ffffff;
    border-radius: 8px 0px 8px 8px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.platform--login-logo {
    margin-top: 40px;
    margin-bottom: 30px;
}
.platform--login-logo p {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    color: #82919b;
}
.platform--login-logo img {
    width: 190px;
    height: 108px;
}
.platform--login-wrap .da-select + div.platform--login-wrap--content {
    content: "";
    display: block;
    clear: both;
}
.platform--login-wrap .da-select,
.platform--login-wrap .menu-select--lang-wrap {
    /* padding-top: 15px;
    padding-right: 15px; */
    display: block;
    /* overflow: hidden; */
    text-align: left;
    float: right;
}
.platform--login-wrap .menu-select--lang {
    padding-top: 15px;
    right: 15px;
}
.platform--login-wrap .platform--login-wrap--content {
    padding: 40px 50px;
}

.platform--login-wrap--content .account_control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.platform--login-wrap--content .account_control .left {
    text-align: left;
}

.platform--login-wrap--content .account_control .right {
    font-size: 14px;
    color: #82919b;
    cursor: pointer;
}

.platform--login-wrap--content .account_control a {
    font-size: 14px;
    color: #35414C !important;
    cursor: pointer;
}


.platform--login-wrap--content input.checkbox-label[type="checkbox"] + label {
    font-size: 14px;
    color: #82919b;
}
.platform--login-wrap--content
    input.checkbox-label[type="checkbox"]
    + label
    span {
    margin-right: 10px;
}
.platform--login-wrap--content .platform--login-info {
    margin-top: 40px;
}
.platform--login-wrap--content .platform--login-info p {
    margin: 0;
    font-size: 13px;
    color: #82919b;
}

.platform--login-wrap--content .platform--login-info p img {
    margin-top: 20px;
}

.platform--login-wrap--content .platform--login-info p span a {
    font-size: 0.2em;
    color: #7E929D;
}

.platform--login-wrap--content .platform--login-info p:last-child {
    font-weight: 500;
}
.platform--login-btn {
    width: 100%;
    height: 40px;
}
/* 로그인 상단 브라우저 체크 */
.browser-alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 815px;
}
.browser-alert .browser-alert-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(
        90deg,
        rgba(240, 83, 41, 1) 0%,
        rgba(255, 160, 34, 1) 100%
    );
}
.browser-alert span,
.browser-alert input.checkbox-label[type="checkbox"] + label {
    font-size: 18px;
    color: #ffffff;
}

/* 사용가이드 */
.platform--guide-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid #d7dcde;
    font-size: 14px;
}
.platform--guide-wrap::after {
    content: "";
    display: block;
    clear: both;
}
.platform--guide-wrap > div {
    /* float: left; */
    /* display: table-cell; */
    display: flex;
    flex-direction: column;
    /* min-height: 200px; */
}
/* guide menu */
.platform--guide-menu {
    width: 260px;
    min-width: 260px;
    padding: 10px 0;
    background-color: #f5f7f8;
    border-right: 1px solid #d7dcde;
}
.platform--guide-menu ul {
    overflow: hidden;
}
.platform--guide-menu li {
    float: none;
}
.platform--guide-menu-btn {
    padding: 0;
    margin: 0;
    border-width: 0;
    cursor: pointer;
    text-align: left;
    background-color: transparent;
}
.platform--guide-menu > ul > li {
    /* 1depth li */
    margin-bottom: 5px;
    margin-left: 15px; /* 240px */
    margin-right: 10px;
}
.platform--guide-menu > ul > li > ul > li {
    /* 2depth li */
    margin-top: 1px;
}
.platform--guide-menu-btn.depth1 {
    position: relative;
    width: 234px; /* margin + width => 239px */
    height: 50px;
    padding: 13px 20px;
    font-size: 16px;
    color: #82919b;
    background-color: white;
    border-radius: 3px;
}
/* 2019-09-18 추가 */
.platform--guide-menu-btn.depth1 span {
    display: inline-block;
    width: 180px;
    font-size: 16px;
    color: #82919b;
}
.platform--guide-menu-btn.depth1:hover,
.platform--guide-menu-btn.depth1.selected,
.platform--guide-menu-btn.depth1.selected span,
.platform--guide-menu-btn.depth1:hover span {
    font-weight: 500;
    color: #182d40;
}
.platform--guide-menu-btn.depth1::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -5px;
    width: 5px;
    height: 50px;
    background-color: #d7dcde;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.platform--guide-menu > ul > li.on {
    /* 1depth on ul */
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.platform--guide-menu > ul > li.on > ul > li {
    /* 2depth on li */
    box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.03);
}
.platform--guide-menu .on > ul {
    display: block;
}
.platform--guide-menu .off > ul {
    display: none;
}
.platform--guide-menu .on .platform--guide-menu-btn.depth1::after,
.platform--guide-menu
    ul
    > li
    > ul
    > li.on
    .platform--guide-menu-btn.depth2::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    height: 100%;
    width: 27px;
    color: #182d40;
    background-image: url("/image/assets/guide_btn_minus-3x-b41d3db172c472e5ed45bad794a1fae3.png");
    background-size: 12px;
    background-position: center right 15px;
    background-repeat: no-repeat;
}
.platform--guide-menu .platform--guide-menu-btn.depth1:hover {
    color: #182d40;
}
.platform--guide-menu .on .platform--guide-menu-btn.depth1::before,
.platform--guide-menu .platform--guide-menu-btn.depth1:hover::before,
.platform--guide-menu .platform--guide-menu-btn.depth1.selected::before,
.platform--guide-menu .platform--guide-menu-btn.depth1.newlist::before {
    background-color: #182d40;
}
.platform--guide-menu .off .platform--guide-menu-btn.depth1::after,
.platform--guide-menu
    ul
    > li
    > ul
    > li.off
    .platform--guide-menu-btn.depth2::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 27px;
    color: #82919b;
    background-image: url("/image/assets/guide_btn_add-3x-0652c0c90944e32cf07d0a8f99a26d18.png");
    background-size: 12px;
    background-position: center right 15px;
    background-repeat: no-repeat;
}
.platform--guide-menu .off .platform--guide-menu-btn.depth1:hover::after,
.platform--guide-menu
    ul
    > li
    > ul
    > li.off
    .platform--guide-menu-btn.depth2:hover::after {
    background-image: url("/image/assets/btn_add_hover-3x-16d7003cc9591787e8c422bd7fcf1372.png");
}
.platform--guide-menu
    ul
    > li.on
    > ul
    > li.off:last-child
    .platform--guide-menu-btn.depth2 {
    /* 2depth on last */
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.platform--guide-menu
    ul
    > li.on
    > ul
    > li:last-child
    > ul
    > li:last-child
    .platform--guide-menu-btn:last-child {
    /* 3depth on last */
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.on .platform--guide-menu-btn.depth1 {
    font-weight: 500;
    color: #182d40;
}
.platform--guide-menu-btn.depth2 {
    position: relative;
    width: 234px;
    height: 40px;
    /* padding-top: 10px; */
    padding-left: 25px;
    color: #82919b;
    font-size: 14px;
    background-color: white;
}
/* 2019-09-18 추가 */
.platform--guide-menu-btn.depth2 span {
    display: inline-block;
    width: 175px;
    color: #82919b;
    font-size: 14px;
}
.platform--guide-menu-btn.depth2:hover,
.platform--guide-menu ul > li > ul > li.on .platform--guide-menu-btn.depth2,
.platform--guide-menu-btn.depth2.selected,
.platform--guide-menu-btn.depth2:hover span,
.platform--guide-menu
    ul
    > li
    > ul
    > li.on
    .platform--guide-menu-btn.depth2
    span,
.platform--guide-menu-btn.depth2.selected span {
    color: #182d40;
}
.platform--guide-menu-btn.depth3 {
    width: 234px;
    height: 36px;
    /* padding-top: 8px; */
    padding-left: 40px;
    color: #182d40;
    font-size: 13px;
    background-color: #d7dcde;
}
/* 2019-09-18 추가 */
.platform--guide-menu-btn.depth3 span {
    display: inline-block;
    width: 180px;
    color: #182d40;
    font-size: 13px;
}
.platform--guide-menu-btn.depth3:hover,
.platform--guide-menu-btn.depth3.selected,
.platform--guide-menu-btn.depth3:hover span,
.platform--guide-menu-btn.depth3.selected span {
    color: white;
    background-color: #182d40;
}

.platform--guide-menu .newlist {
    color: #f05329 !important;
}
/* menu sortable move */
.platform--sort-placeholder {
    width: 234px;
    height: 50px;
    background-color: #f5f7f8;
}

/* right content */
.platform--guide-contents {
    padding: 20px 30px;
    /* width: calc(100% - 260px); */
    width: 980px;
    min-width: 980px;
}
.platform--guide-contents--title {
    padding-bottom: 20px;
    border-bottom: 1px solid #d7dcde;
}
.platform--guide-contents--title::after {
    /* 2019-10-24 수정 */
    content: "";
    display: block;
    clear: both;
}
.platform--guide-contents--title h5 {
    float: left; /* 2019-10-24 추가 */
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    color: #182d40;
}
.platform--guide-contents--contents {
    white-space: initial;
    padding: 20px 0;
}
/* 2019-11-27 데이터가 없을 때 */
.platform--guide-contents--contents .contents-nodata {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 574px;
    margin-bottom: 60px;
    font-size: 22px;
    font-weight: 500;
    color: #182d40;
    border-bottom: 1px solid #d7dcde;
}
.platform--guide-contents--btn {
    float: right; /* 2019-10-24 추가 */
    padding-top: 4px; /* 2019-10-24 수정 20px->4px */
    text-align: right;
    /* border-top: 1px solid #d7dcde; */ /* 2019-10-24 수정 */
}
.platform--guide-contents--btn > button {
    /* 2019-10-24 추가 */
    margin-right: 6px;
}
.platform--guide-contents--btn > button:last-child {
    /* 2019-10-24 추가 */
    margin-right: 0;
}
.platform--guide-contents--btn > .btn-main-small {
    min-width: 68px;
}
/* 에디터안 pre */
.platform--guide-contents--contents pre {
    width: 920px !important;
}
/* 메뉴관리 버튼 2019-10-24 수정 -> 버전정보 버튼으로 변경 */
.platform-btn--setting {
    display: inline-block;
    width: 15px;
    height: 36px;
    vertical-align: text-top;
    cursor: pointer;
    background-color: transparent;
    background-image: url("/image/assets/btn_setting-3x-5cf4704344e31a7c52a653e945b95a90.png");
    background-size: 15px;
    background-position: center right;
    background-repeat: no-repeat;
}
.platform-btn--setting:hover {
    background-image: url("/image/assets/btn_setting_on-3x-d58b906cf405d7f57e1eef16edd77973.png");
}
/* 메뉴관리 버튼 2019-10-24 수정 */
[rel="menusetting"] {
    width: 80px;
    height: 28px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 3px;
}
/* 버전관리 2019-10-24 추가 */
.platform-guide-ver {
    padding: 7px 10px 17px 19px;
}
.platform-guide-ver .da-select {
    float: right;
    vertical-align: middle;
    margin-left: 17px;
}
.platform-guide-ver .title {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
    font-size: 17px;
    font-weight: 500;
    color: #35414c;
}
/* 버전관리 셀렉트박스 이미지 2019-10-24 추가 */
.platform-guide-ver--hideicon-wrap::after {
    content: "";
    display: block;
    clear: both;
}
.platform-guide-ver--hideicon-wrap .left {
    float: left;
}
.platform-guide-ver--hideicon-wrap .right {
    float: right;
}
.platform-guide-ver--hideicon-wrap-box {
    /* 2019-11-22 flex 추가 */
    display: flex;
    flex-direction: row;
}
.platform-guide-ver--hideicon-wrap-box .left {
    display: flex;
    flex-grow: 1;
}
.platform-guide-ver--hideicon-wrap-box .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.platform-guide-ver--hideicon {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/image/assets/btn_layer_hidden_1-3x-c29a36165624393c3931fc7794c16463.png");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

/* 메뉴 삭제 */
.not-sortable {
    display: none;
    position: relative;
    width: 240px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 25px;
    padding-top: 11px;
    text-align: center;
    border: 2px dashed #d7dcde;
    border-radius: 3px;
}
.not-sortable .not-sortable-delete {
    padding-left: 28px;
    font-size: 16px;
    color: #82919b;
    background-image: url("/image/assets/btn_layer_delete-3x-3576001b81892608b9a536f92c7f1ce7.png");
    background-size: 28px;
    background-position: center left;
    background-repeat: no-repeat;
}
.not-sortable .not-sortable-ul {
    position: absolute;
    top: 0;
    width: 236px;
    height: 46px;
}
.not-sortable .not-sortable-ul > li {
    display: none;
}
.not-sortable-btn {
    display: none;
    margin-top: 15px;
    text-align: center;
}
.not-sortable-btn button {
    width: 68px;
    height: 28px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 3px;
}
.not-sortable-btn button:first-child {
    margin-right: 6px;
}
/* 사용가이드 생성 */
.platform--guide-contents--edit > table {
    width: 100%;
}
.platform--guide-contents--edit > table > thead > tr > th {
    width: 115px;
    font-weight: 500; /* 2019-10-07 추가 */
}
.platform--guide-contents--edit > table > tbody > tr > td {
    width: 806px;
}

.platform--guide-contents--edit > table > thead > tr:first-child > th,
.platform--guide-contents--edit > table > thead > tr:first-child > td {
    padding-bottom: 20px;
}
.platform--guide-contents--edit > table > tbody {
    border-top: 1px solid #d7dcde;
}
.platform--guide-contents--edit > table > tbody > tr:first-child > th,
.platform--guide-contents--edit > table > tbody > tr:first-child > td {
    padding-top: 30px;
    font-weight: 500; /* 2019-10-07 추가 */
}
.platform--guide-contents--edit > table > tbody > tr > th,
.platform--guide-contents--edit > table > tbody > tr > td {
    padding-top: 10px;
}
.platform--guide-contents--edit > table:not(:last-child) > tbody > tr > th {
    vertical-align: initial;
    font-weight: 500;
}
.platform--guide-contents--edit > table:not(:first-child) {
    margin-top: 30px;
}

/* select box */
.platform--guide-contents--edit .select2-container .select2-selection--single,
.platform--guide-contents--edit
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    height: 36px;
    line-height: 36px;
}
.platform--guide-contents--edit
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    top: 14px;
}
/* 2019-10-24 생성/ 수정 화면 수정 */
.platform--guide-docsave--top {
    float: right;
    margin-bottom: 15px;
}
.platform--guide-docsave--top::after {
    content: "";
    display: block;
    clear: both;
}
.platform--guide-docsave--top .docsave-box {
    display: inline-block;
    padding-top: 8px;
    vertical-align: text-top;
}
.platform--guide-docsave--top .docsave {
    display: inline-block;
}
.platform--guide-docsave--top .docsave.vertext {
    font-weight: 500;
    color: #182d40;
}
.platform--guide-docsave--top .docsave.ver {
    color: #82919b;
}
.platform--guide-docsave--top .docsave.ver::after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 1px;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #d7dcde;
}
.platform--guide-docsave--top .docsave.selecttext {
    margin-right: 8px;
    font-weight: 500;
    color: #35414c;
    font-size: 15px;
}
.platform--guide-docsave--top .da-select {
    display: inline-block;
}
/**/
.platform--tab .platform--tab-cont.docedit {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7dcde;
}
.platform--tab .platform--tab-cont.docedit .tr:not(:last-child) {
    margin-bottom: 10px;
}
.platform--tab .platform--tab-cont.docedit .tr::after {
    content: "";
    display: block;
    clear: both;
}
.platform--tab .platform--tab-cont.docedit .tr .left {
    float: left;
    width: 78px;
    padding-top: 7px;
}
.platform--tab .platform--tab-cont.docedit .tr .right {
    float: left;
    width: calc(100% - 78px);
}

/* 검색 화면 */

.platform--guide-contents-search-title {
    margin-bottom: 60px;
    padding-top: 30px;
    color: #82919b;
    font-size: 22px;
}
.platform--guide-contents-search-title span {
    color: #f05329;
    font-size: 22px;
}
.platform--guide-contents-search-list {
    overflow: hidden;
}
.platform--guide-contents-search-list
    .platform--guide-contents-search-list-category {
    display: inline-block;
    height: 24px;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 12px;
    color: #82919b;
    border: 1px solid #d7dcde;
    border-radius: 13px;
}
.platform--guide-contents-search-list
    .platform--guide-contents-search-list--title {
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #f05329;
}
.platform--guide-contents-search-list span {
    /* 검색 text 강조 */
    color: #182d40;
    font-size: 13px;
    font-weight: normal; /* 2019-10-01 수정 */
}
.platform--guide-contents-search-list li div {
    margin: 0;
    /* height: 40px; */
    height: 40px; /* 2019-10-01 수정 */
    overflow: hidden;
    font-size: 13px;
    font-weight: 300;
    color: #182d40;
    white-space: normal;
    line-height: 20px; /* 2019-10-01 수정 */
    text-align: left;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.platform--guide-contents-search-list li div p {
    margin: 0;
}
.platform--guide-contents-search-list li {
    float: none;
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #d7dcde;
    cursor: pointer;
}
/* 공지사항 */
.platform--notice-mailtable {
    padding: 20px;
    width: 985px;
    border: 1px solid #d7dcde;
    border-radius: 3px;
}
.platform--notice-mailtable li:not(:first-child) {
    margin-top: 10px;
}
.platform--notice-mailtable li > span {
    display: inline-block;
    width: 115px; /* 2019-10-11 수정 */
    font-size: 14px;
    font-weight: 500;
    color: #82919b;
}
.platform--notice-mailtable li > div {
    display: inline-block;
    position: relative;
    width: 830px; /* 2019-10-11 수정 */
}
.platform--notice-mailtable > p {
    margin-left: 118px; /* 2019-10-17 수정 */
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 13px;
    color: #82919b;
}
.platform--notice-mailtable > p > span {
    font-size: 13px;
}
.platform--notice-mailtable .company-create--radio-wrap {
    padding: 0;
    padding-left: 10px;
    /* width: 830px; */ /* 2019-10-11 수정 */
}
.platform--notice-mailtable
    input.check-map-list[type="checkbox"]:not(:disabled)
    + label
    span {
    background-color: white;
}

.platform--list--notuse {
    background-color: #f5f7f8;
}
.platform--list--notuse .title {
    color: #82919b;
}
/* td notice title */
.platform--list--noticetitle {
    color: #35414c !important;
    margin-right: 8px;
    /* cursor: pointer; */
}
.platform--list--noticetitle span.title {
    /* max-width: 540px; */
    display: inline-block;
    font-size: 15px !important; /* 2019-11-14 17px 에서 15px 로 변경*/
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    cursor: pointer;
    vertical-align: initial; /* 2019-11-15 추가 */
}
.table2 span.text-em-color {
    font-size: 15px;
}
.platform--list--noticetitle .platform--thumb--new {
    position: relative;
    top: -2px; /* 2019-11-15 수정 */
    margin-left: 4px;
}
.platform--list--blacktext {
    color: #35414c !important;
}
/* down btn */
.platform--list-btn--down {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.platform--list-btn--down span {
    display: block;
    width: 16px;
    height: 10px;
    background-image: url("/image/assets/btn_list_dropdown-3x-9a39ddd6150a7b9c916153c9296289fd.png");
    background-size: 16px 10px;
}
.platform--list-btn--down.on span {
    transform: rotate(180deg);
}

.platform--list--detail {
    display: none;
    position: relative;
    padding: 0 !important;
    height: auto !important;
}
.platform--list--detail > div {
    padding: 60px 170px;
    background-color: rgba(245, 247, 248, 0.5);
}
.platform--list--detail > button,
.platform--list--detail > span {
    position: absolute;
}
.platform--list--detail > button {
    top: 20px;
    right: 20px;
}
.platform--list--detail > span {
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    color: #82919b;
}
/* 자주 묻는 질문 생성 */
/* 분류관리 & jquery ui popup */
#draw-classification-popup,
.platform-popup.ui-dialog .ui-dialog-content {
    /* contents div */
    /* padding: 20px 0px 0px 50px !important; */
    padding: 20px 0px 0px 30px !important;
    overflow: hidden;
}
.platform-popup .ui-dialog-title .main-title {
    /* title span */
    height: auto;
    font-size: 18px;
    font-weight: 500;
    color: #35414c;
}
.platform-popup .dialog-btn-bottom {
    /* bottom btn */
    padding: 30px 50px !important;
    border-top: none;
}
.platform-popup .platform-popup--classification {
    height: 474px;
    overflow-y: scroll;
    padding-right: 34px;
    border-radius: 5px;
}
.platform-popup .platform-popup--classification-box {
    min-height: 100%;
    padding: 10px;
    background-color: #f5f7f8;
    border-radius: 5px;
}
.platform-popup .platform-popup--classification-box > div.top > button {
    height: 36px;
    width: 100%;
    color: #82919b;
    font-size: 15px;
    background-color: transparent;
    border: 1px dashed #d7dcde;
    border-radius: 5px;
}
.platform-popup .platform-popup--classification-box > div.top > button span {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-image: url("/image/assets/faqpop_icon_add-3x-a6a5251f01c244a6d848974eabce1fe7.png");
    background-size: 18px 18px;
}
.platform-popup .platform-popup--classification ul {
    width: 100%;
}
.platform-popup .platform-popup--classification li {
    float: none;
    position: relative;
    margin-top: 10px;
    width: 100%;
    /* height: 142px; */
    background-color: #ffffff;
    border-radius: 5px;
}
.platform-popup .platform-popup--classification li > div {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.platform-popup .platform-popup--classification li.focus {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
}
.platform-popup .platform-popup--classification li.new::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 5px;
    background-color: rgba(240, 83, 41, 1);
    border-radius: 5px 0px 0px 5px;
}
.platform-popup .platform-popup--classification li > div > span {
    display: block;
}
.platform-popup .platform-popup--classification li > div > button {
    margin-top: 7px;
    margin-left: 20px;
}
.platform-popup .platform-popup--classification-list > div > span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #35414c;
    font-weight: 500;
}
.platform-popup .platform-popup--classification-list > div > *:nth-child(2) {
    margin-bottom: 10px;
}
.platform-popup .platform-popup--classification li .tr {
    /* width: 600px; */
    /* width: 575px; */ /* 2019-10-01 수정 */
}
.platform-popup .platform-popup--classification li .tr span {
    margin-top: 3px;
    margin-right: 10px;
}
.platform-popup .platform-popup--classification li .tr .validation-input-wrap {
    /* width: 562px; */
    /* width: 536px; */ /* 2019-10-01 수정 */
    width: 522px;
}
.platform-popup .platform-popup--classification-list::after {
    content: "";
    display: block;
    clear: both;
}
.platform-popup .platform-popup--classification-list .left {
    float: left;
}
.platform-popup .platform-popup--classification-list .right {
    float: right;
    position: relative;
    /* height: 113px;  2019-11-20 수정 */
    height: 100%;
    width: 100%;
    margin-right: 15px;
}
.platform-popup .platform-popup--classification-list .right button {
    position: absolute;
    bottom: 0;
    right: 0;
    white-space: nowrap;
}
/* 2019-10-24 버전관리 팝업 */
.platform-popup .platform-popup--classification-list.version > .left > span {
    min-width: 50px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 30px;
}
.platform-popup
    .platform-popup--classification-list.version
    > .left
    > *:nth-child(2) {
    margin-bottom: 0;
}
.platform-popup
    .platform-popup--classification-list.version
    > .left
    .validation-input-wrap {
    width: 250px;
}
.platform-popup
    .platform-popup--classification-list.version
    .platform--radiotype2 {
    margin-left: 6px;
}
.platform-popup .platform-popup--classification-list.version .right {
    /* height: 32px;  2019-11-26 수정 */
    bottom: 4px;
}
/* 1:1 문의 */
/* 조회 */
/* 사용자에게 보여질 답변 내용 : platform--contact-answerwrap */
.platform--contact-viewwrap .platform--contact-viewwrap-top::after,
.platform--contact-answerwrap-top::after {
    content: "";
    display: block;
    clear: both;
}
.platform--contact-viewwrap .platform--contact-viewwrap-top .left,
.platform--contact-answerwrap-top .left {
    float: left;
}
.platform--contact-viewwrap .platform--contact-viewwrap-top .right,
.platform--contact-answerwrap-top .right {
    float: right;
}
.platform--contact-viewwrap .platform--contact-viewwrap-top .right ol li,
.platform--contact-answerwrap-top .right ol li {
    float: left;
}
.platform--contact-viewwrap
    .platform--contact-viewwrap-top
    .left
    span:not(.platform--thumb-lang) {
    /* 2019-11-14 수정 */
    font-size: 14px;
    font-weight: 500;
    color: #82919b;
}
.platform--contact-viewwrap
    .platform--contact-viewwrap-top
    .right
    ol
    li:not(:last-child),
.platform--contact-answerwrap-top .right ol li:not(:last-child) {
    padding-right: 8px;
    border-right: 1px solid #d7dcde;
}
.platform--contact-viewwrap
    .platform--contact-viewwrap-top
    .right
    ol
    li:not(:first-child),
.platform--contact-answerwrap-top .right ol li:not(:first-child) {
    padding-left: 8px;
}
.platform--contact-viewwrap
    .platform--contact-viewwrap-top
    .right
    ol
    li
    > span:first-child,
.platform--contact-answerwrap-top .right ol li > span:first-child {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #182d40;
}
.platform--contact-viewwrap
    .platform--contact-viewwrap-top
    .right
    ol
    li
    > span:last-child,
.platform--contact-answerwrap-top .right ol li > span:last-child {
    font-size: 14px;
    color: #82919b;
}
.platform--contact-viewwrap .platform--contact-viewwrap-cont {
    margin-top: 10px;
    border-top: 1px solid #82919b;
    padding: 50px 40px;
}
.platform--contact-viewwrap .platform--contact-viewwrap-cont h5 {
    margin-bottom: 50px;
    font-size: 17px;
    color: #182d40;
    white-space: normal; /* 2019-12-05 수정 */
    word-break: break-all; /* 2019-12-05 수정 */
}
.platform--contact-viewwrap .platform--contact-viewwrap-cont p,
.platform--contact-viewwrap .platform--contact-viewwrap-cont > div {
    margin: 0;
    white-space: initial;
    font-size: 14px;
    color: #82919b;
}
/* 사용자에게 보여질 답변 내용 : platform--contact-answerwrap */
.platform--contact-answerwrap {
    padding: 30px 40px 50px 40px;
    border-top: 1px solid #d7dcde;
    background-color: #f5f7f8;
}
.platform--contact-answerwrap .platform--contact-answerwrap-cont p {
    margin: 0;
    font-size: 14px;
    color: #82919b;
}
/* editor p */
.platform--contact-answerwrap .platform--contact-answerwrap-cont .fr-element p {
    color: #000;
}
.platform--contact-answerwrap .platform--contact-answerwrap-cont > div {
    margin-top: 20px;
    white-space: initial;
}
.platform--contact-answerwrap .platform--contact-answerwrap-top .left span {
    font-size: 14px;
    font-weight: 500;
    color: #35414c;
}

/* header */
.menu-select-wrap > li {
    margin-left: 14px;
}
.menu-select-wrap .menu-select--lang-wrap {
    position: relative;
    height: 36px;
    width: 112px; /* select width */
}
.menu-select-wrap .menu-select--lang {
    position: absolute;
}
.menu-select-wrap .menu-select--lang .select2-container {
    height: 36px;
    border-radius: 8px;
    border: 0;
}
.menu-select-wrap .menu-select--lang .select2-container:hover {
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px rgba(6, 31, 65, 0.25);
}
.menu-select-wrap .menu-select--lang .select2-container--open {
    height: 42px;
    /* margin-top: 8px; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0px 2px 10px 0px rgba(6, 31, 65, 0.25);
}
.menu-select-wrap .menu-select--lang .select2-container--open:hover {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.menu-select-wrap
    .menu-select--lang
    .select2-selection--single
    .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 33px;
    height: 100%;
}
.menu-select-wrap
    .menu-select--lang
    .select2-selection--single
    .select2-selection__arrow
    b {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 7px;
    margin: 0;
    background: url("/image/assets/lang_dropdown-3x-eb9379157e894ef9c0728e4de4c37022.png") no-repeat;
    background-size: 8px 7px;
    border: none;
}
.menu-select-wrap
    .menu-select--lang
    .select2-selection--single[aria-expanded="true"]
    .select2-selection__arrow
    b {
    /* 2019-11-18 추가 : 언어선택셀렉트 박스 오픈시 이미지 회전 */
    transform: rotate(180deg);
}

.menu-select-wrap
    .menu-select--lang
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    height: 36px;
    line-height: 34px; /* 2019-11-18 수정 36px; -> 34px; */
    text-align: left;
    font-size: 15px;
    color: #35414c;
}

/* select2 dropdown */
.select2-container--menu-select--lang .select2-container {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-sizing: border-box;
}
.select2-container--menu-select--lang .select2-dropdown {
    border: none;
    box-sizing: border-box;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* box-shadow: 0px 8px 10px 0px rgba(220, 226, 234, 1); */
    box-shadow: 0px 8px 10px 0px rgba(6, 31, 65, 0.25);
}
.select2-container--menu-select--lang
    .select2-container--open
    .select2-dropdown--below {
    display: block;
    position: absolute;
    left: 0;
    z-index: 1051;
    background-color: white;
}
.select2-container--menu-select--lang .select2-results {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #35414c;
}
.select2-container--menu-select--lang
    .select2-results
    > .select2-results__options {
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.select2-container--menu-select--lang .select2-results__option {
    height: 36px;
    padding-top: 8px;
    font-weight: 400;
    font-size: 13px;
    color: #35414c;
}
.select2-container--menu-select--lang
    .select2-results__option[aria-selected="true"] {
    color: #f05329;
    background: #ffffff;
}
.select2-container--menu-select--lang .select2-results__option {
    width: 100%;
    padding: 6px 12px;
    float: none;
    cursor: pointer;
}
.select2-container--menu-select--lang .select2-results__option:hover {
    color: #ffffff;
    background: #35414c;
}

/* */

/* menu- alert */
.menu-select-wrap .menu-select--alert {
    width: 36px;
    height: 36px;
    /* margin-top: 5px; */
    border: none;
    cursor: pointer;
    background-image: url("/image/assets/btn_notice_w-3x-6ad97d04b380fba32104df42bd024071.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 22px;
}
.menu-select-wrap .menu-select--alert-wrap {
    position: relative;
}
.menu-select-wrap .menu-select--alert-num {
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    color: #ffffff;
}
.menu-select-wrap .menu-select--alert-num::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f05329;
    border-radius: 10px;
}
.menu-select-wrap .menu-select--alert-box::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 88px;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 10px solid #f5f7f8;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.menu-select-wrap .menu-select--alert-box {
    display: none;
    position: absolute;
    top: 47px;
    right: -84px;
    z-index: 1;
    width: 280px;
    padding: 0px 10px 5px 10px;
    min-height: 60px;
    line-height: 120%;
    border-radius: 5px;
    background-color: #f5f7f8;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.menu-select-wrap .menu-select--alert-box--title {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #182d40;
}
.menu-select-wrap .menu-select--alert-box--list li {
    float: none;
    padding: 10px 20px;
    margin-bottom: 5px;
    text-align: left;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
}
.menu-select-wrap .menu-select--alert-box--list li:hover {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
}
.menu-select-wrap .menu-select--alert-box--list li p {
    margin: 0;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #82919b;
}
.menu-select-wrap .menu-select--alert-box--list li span {
    font-size: 11px;
    height: 11px;
    color: #82919b;
    line-height: 15px;
}
.menu-select-wrap .menu-select--alert-box--list li span:first-child {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #82919b;
}
.menu-select-wrap .menu-select--alert-box--list li.new {
    position: relative;
}
.menu-select-wrap .menu-select--alert-box--list li.new::before {
    content: "N";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 20px;
    width: 20px;
    color: white;
    font-size: 11px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    background-color: #ffa022;
    border-radius: 5px 5px 5px 0px;
}
.menu-select-wrap .menu-select--alert-box--list li.new p {
    color: #182d40;
}
.menu-select-wrap .menu-select--myinfo {
    display: inline-block;
    /* margin-top: 5px; */
    width: 36px;
    height: 36px;
    border: none;
    background-image: url("/image/assets/btn_user-3x-c58574f3f4cd248f52e2485f9b6074bd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
}
.menu-select-wrap .menu-select--logout {
    display: inline-block;
    /* margin-top: 5px; */
    width: 36px;
    height: 36px;
    border: none;
    background-image: url("/image/assets/btn_Logout-3x-af18f07210ab52dd3c1507ac67b6d836.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
}

/* thumbnail */
.platform--thumb-lang {
    display: inline-block;
    height: 28px;
    width: 28px;
    font-size: 15px;
    font-weight: 500;
    color: #182d40;
    line-height: 27px;
    background-color: #ffffff;
    border: 1px solid #d7dcde;
    border-radius: 3px;
}
.platform--thumb-lang.disabled {
    color: #82919b;
}
.platform--thumb-lang.ko {
    padding: 0px 6px;
}
.platform--thumb-lang.en {
    padding: 0px 4px;
}
.platform--thumb-lang.ja {
    padding: 0px 5px;
}
.platform--thumb-lang.notview {
    /* 2019-11-14 추가 */
    color: #859099 !important;
    background-color: #f6f7f9;
}
.platform--thumb-lang.view {
    /* 2019-11-14 추가 */
    color: #434d5a;
}

.platform--thumb--notice {
    display: inline-block;
    margin-right: 12px;
    height: 28px;
    width: 28px;
    background-image: url("/image/assets/Noti_icon-3x-f530b63cea49148257d07b3da5df8458.png");
    background-size: 28px;
    vertical-align: inherit; /* 2019-11-15 추가 */
}

.platform--thumb--new {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("/image/assets/noti_new_icon-3x-cc245e605561d2aeb55a6296e0eac0aa.png");
    background-size: 20px;
}

/* 통계 조회 */
.platform--report-title::after {
    content: "";
    display: block;
    clear: both;
}
.platform--report-title {
    margin-bottom: 20px;
}
.platform--report-title h4 {
    display: inline;
    line-height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #35414c;
}
.platform--report-title .left {
    float: left;
}
.platform--report-title .left span {
    margin-left: 10px;
    font-size: 13px;
    color: #f05329;
}
.platform--report-title .right {
    float: right;
}

.platform--report-chart {
    width: 1240px;
    height: 416px;
    margin-bottom: 62px;
    background-color: #ffffff;
    border: 1px solid #d7dcde;
    border-radius: 5px;
}

.platform--report-table {
    width: 100%;
}
.platform--report-table thead tr {
    background-color: #f5f7f8;
    border-top: 1px solid #d7dcde;
}

.platform--report-table thead th {
    height: 42px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #35414c;
    border-bottom: 0 !important;
}
.platform--report-table tbody td {
    padding-right: 20px;
}
.platform--report-table tbody td:first-child {
    padding-left: 10px;
}

.platform--report-table--type2 {
    width: 100%;
}
.platform--report-table--type2 thead tr {
    background-color: #f5f7f8;
}
.platform--report-table--type2 thead tr:last-child {
    background-color: #eff3f5;
}
.platform--report-table--type2 thead th {
    height: 42px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #35414c;
    border-bottom: 0 !important;
}
.platform--report-table--type2 tbody td {
    padding-right: 0;
    text-align: center;
}

.platform--report-table tbody .color-em,
.platform--report-table--type2 tbody .color-em {
    color: #182d40;
}
.platform--report-table--type2 .color-free {
    color: #82919b;
}
.platform--report-table--type2 .color-license {
    color: #f05329;
}
.platform--report-table--type2 .color-custom {
    color: #ffa022;
}
.platform--report-table--type2 .color-pay1 {
    color: #43a5b2;
}
.platform--report-table--type2 .color-pay2 {
    color: #84e2d7;
}
.platform--report-table--type2 .color-pay3 {
    color: #182d40;
}

/* 대시보드 메인 : 관리자 */
.platform--dashboard {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 0 !important;
    background: #eff3f5 !important;
}
.platform--dashboard-wrap {
    background-color: #f5f7f8;
    padding-bottom: 50px;
}
.platform--dashboard-wrap-bottom {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #eff3f5;
}
.platform--dashboard-top {
    width: 1300px;
    margin: 0 auto;
}
.platform--dashboard-middle {
    width: 1300px;
    margin: 0 auto;
}
.platform--dashboard-bottom {
    width: 1300px;
    margin: 0 auto;
}

.platform--dashboard-top {
    border-bottom: 1px solid #dce2ea;
}
.platform--dashboard-top--topday {
    padding: 20px 0;
    border-bottom: 1px solid #a8b8c3;
}
.platform--dashboard-top--topday > span {
    margin-right: 4px;
    font-size: 16px;
    font-weight: 300;
    color: #82919b;
}
.platform--dashboard-top--topday > span.today {
    margin-right: 12px;
    vertical-align: super;
    font-size: 13px;
    font-weight: 500;
    color: #f05329;
}
.platform--dashboard-top--topday > span.day {
    font-size: 16px;
    font-weight: 500;
    color: #82919b;
}
.platform--dashboard-top--topday .home {
    display: inline-block;
    float: right;
    margin-top: 6px;
}

.platform--dashboard-top--manager {
    padding: 25px 0;
}
.platform--dashboard-top--manager::after {
    content: "";
    display: block;
    clear: both;
}
.platform--dashboard-top--manager .left {
    float: left;
    margin-top: 12px;
}
.platform--dashboard-top--manager .right {
    float: right;
}
.platform--dashboard-top--manager .right ul li span {
    display: block;
}
.platform--dashboard-top--manager .left h3 {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 300;
    color: #182d40;
}
.platform--dashboard-top--manager .left span {
    margin-right: 5px;
    font-size: 14px;
    color: #82919b;
}
.platform--dashboard-top--manager .left .level {
    display: inline-block;
    margin-right: 0;
    height: 20px;
    width: auto;
    padding: 0 10px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-color: #a8b8c3;
    border-radius: 10px;
}
.platform--dashboard-top--manager .right li {
    min-width: 150px;
    cursor: pointer;
}
.platform--dashboard-top--manager .right li:not(:last-child) {
    margin-right: 20px;
}
.platform--dashboard-top--manager .right li > span:first-child {
    font-size: 50px;
    font-weight: 300;
    color: #182d40;
}
.platform--dashboard-top--manager .right li > span {
    font-size: 15px;
    color: #82919b;
    text-align: center;
}
/**/
.platform--dashboard-wrap-box {
    display: flex;
    width: 100%;
    flex-direction: row;
    margin-top: 30px;
}
.platform--dashboard-wrap-box
    .platform--dashboard-box
    + .platform--dashboard-box {
    margin-left: 30px;
}
.platform--dashboard-box {
    display: flex;
    flex-basis: auto;
    width: 100%;
    flex-direction: column;
    padding: 0px 0px 30px 0px;
    background-color: #ffffff;
    border-radius: 8px;
}
.platform--dashboard-box li {
    float: none;
    overflow: hidden;
}

.platform--dashboard-box > h4 {
    padding-top: 22px;
    height: 65px;
    font-size: 18px;
    font-weight: 500;
    color: #182d40;
    border-bottom: 1px solid rgba(168, 184, 195, 0.2);
    box-shadow: 0px 3px 10px 0px rgba(168, 184, 195, 0.1);
}
.platform--dashboard-box.info > h4 {
    z-index: 1;
}
.platform--dashboard-box > h4 > .more {
    float: right;
    padding: 0;
    margin: 0;
    margin-top: 4px;
    font-size: 12px;
    color: #a8b8c3;
    border: 0;
    background: none;
    cursor: pointer;
}
.platform--dashboard-box > h4 > .more:hover {
    color: #f05329;
}
.platform--dashboard-box > h4,
.platform--dashboard-box > ul,
.platform--dashboard-box > div {
    padding-left: 25px;
    padding-right: 25px;
}
.platform--dashboard-box table .nodata {
    height: 250px;
    min-height: 250px;
    text-align: center;
    display: table-cell;
    align-items: initial;
    justify-content: initial;
}
.platform--dashboard-box .nodata {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0 !important;
}
.platform--dashboard-box .nodata span {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #a8b8c3 !important;
}
.platform--dashboard-box.info li::after {
    content: "";
    display: block;
    clear: both;
}
.platform--dashboard-box.info li .left {
    float: left;
    margin-top: 6px;
}
.platform--dashboard-box.info li .right {
    float: right;
}
.platform--dashboard-box.info li:first-child {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eff3f5;
}
.platform--dashboard-box.info li .left span {
    font-size: 15px;
    color: #82919b;
}
.platform--dashboard-box.info li .right span {
    font-size: 22px;
    color: #35414c;
}
.platform--dashboard-box.info li .right span.plus::after,
.platform--dashboard-box.info li .right span.minus::after {
    content: "%";
    display: inline-block;
    width: 13px;
    height: 20px;
    margin-left: 3px;
    font-size: 14px;
    color: #35414c;
}
.platform--dashboard-box.info li .right span.plus::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -2px;
    width: 11px;
    height: 12px;
    margin-right: 6px;
    background-image: url("/image/assets/icon_Pius-3x-9c4a4b085fd5e31eb1cd0c8fa9097604.png");
    background-size: 11px 12px;
    background-position: center;
}
.platform--dashboard-box.info li .right span.minus::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -7px;
    width: 11px;
    height: 2px;
    margin-right: 6px;
    background-image: url("/image/assets/icon_Minus-3x-36bd094312f9b9847c125922a20a12a0.png");
    background-size: 11px 2px;
    background-position: center;
}
.platform--dashboard-box.info li .right span.up::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -4px;
    width: 10px;
    height: 9px;
    margin-right: 7px;
    background-image: url("/image/assets/icon_up-3x-b5afe51327bed73e1c2b9e776d6b4cb3.png");
    background-size: 10px 9px;
    background-position: center;
}
.platform--dashboard-box.info li .right span.down::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -4px;
    width: 10px;
    height: 9px;
    margin-right: 7px;
    background-image: url("/image/assets/icon_down-3x-b7bba30fdaefd21e3e4d44f24e5fe013.png");
    background-size: 10px 9px;
    background-position: center;
}

/**/
.platform--dashboard-box.info ul {
    margin-top: 20px;
}
.platformbox-usemap {
    height: 140px;
    padding-top: 30px;
    text-align: center;
    background-color: #eff3f5;
}
.platformbox-usemap span {
    font-size: 50px;
    font-weight: 300;
    color: #182d40;
}
/**/
.platform--dashboard-box.notice li {
    height: 50px;
    padding-top: 16px;
    border-bottom: 1px solid #dce2ea;
}
.platform--dashboard-box.notice li .left {
    float: left;
}
.platform--dashboard-box.notice li .right {
    float: right;
    font-size: 13px;
    color: #a8b8c3;
}
.platform--dashboard-box.notice li .new {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding-top: 2px;
    margin-left: 10px;
    vertical-align: bottom;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    background-color: #ffa022;
    border-radius: 5px 5px 5px 0px;
}
.platform--dashboard-box.notice li .title {
    display: inline-block;
    max-width: 470px;
    font-size: 13px;
    color: #182d40;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.platform--dashboard-box.notice li .title:hover {
    text-decoration: none;
}
/**/
.platform--dashboard-box.qna li {
    height: 50px;
    padding-top: 16px;
    border-bottom: 1px solid #dce2ea;
}
.platform--dashboard-box.qna li .left {
    float: left;
}
.platform--dashboard-box.qna li .right {
    float: right;
}
.platform--dashboard-box.qna li div > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #82919b;
}
.platform--dashboard-box.qna li span.type {
    width: 50px;
    height: initial;
    margin-right: 20px;
    background: none;
    cursor: initial;
}
.platform--dashboard-box.qna li .title {
    max-width: 300px;
    color: #182d40;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.platform--dashboard-box.qna li .title:hover {
    text-decoration: none;
}
.platform--dashboard-box.qna li .name {
    margin-right: 10px;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.platform--dashboard-box.qna li span.date {
    color: #a8b8c3;
}
/**/
.platform--dashboard-box .table-wrap {
    padding: 0 25px;
    margin-top: 10px;
}
.platform--dashboard-box .table-wrap table {
    width: 100%;
}
.platform--dashboard-box .table-wrap table thead th {
    font-size: 13px;
    font-weight: 500;
    color: #182d40;
}
.platform--dashboard-box .table-wrap table thead th:first-child {
    padding-left: 10px;
}
.platform--dashboard-box .table-wrap table thead tr {
    height: 40px;
    border-bottom: 1px solid #dce2ea;
}
.platform--dashboard-box .table-wrap table tbody tr {
    height: 40px;
    border-bottom: 1px solid rgba(220, 226, 234, 0.5);
}
.platform--dashboard-box .table-wrap table tbody tr td:first-child {
    padding-left: 10px;
}
.platform--dashboard-box .table-wrap table tbody td,
.platform--dashboard-box .table-wrap table tbody td span {
    font-size: 13px;
    color: #82919b;
}
.platform--dashboard-box .table-wrap table tbody td .company {
    display: inline-block;
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    vertical-align: bottom;
}
.platform--dashboard-box .table-wrap table tbody td .menu {
    display: inline-block;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    color: #35414c;
    vertical-align: bottom;
}
.platform--dashboard-box .table-wrap table tbody td .title {
    display: inline-block;
    max-width: 380px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    font-size: 13px;
    color: #f05329;
    text-decoration: underline;
    vertical-align: bottom;
}
/* 관리자 메인 도넛 차트 중앙 */
.platform--dashboard-box .chart-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}
.platform--dashboard-box .chart-center span:first-child {
    margin-right: 4px;
}
.platform--dashboard-box .chart-center span {
    font-size: 22px;
    font-weight: 500;
    color: #182d40;
}
.platform--dashboard-box .chart-center span.end {
    font-size: 17px;
    font-weight: 400;
    color: #82919b;
}

/* dashborad - user */
.platform--dashboard-wrap-box .user-notice li {
    height: 95px;
    width: 310px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 8px;
    cursor: pointer;
}
.platform--dashboard-wrap-box .user-notice li::after {
    content: "";
    display: block;
    clear: both;
}
.platform--dashboard-wrap-box .user-notice li:hover {
    box-shadow: 0px 3px 3px 0px rgba(24, 45, 64, 0.1);
}
.platform--dashboard-wrap-box .user-notice li:hover .right .more {
    color: #f05329;
}
.platform--dashboard-wrap-box .user-notice li:not(:last-child) {
    margin-right: 20px;
}
.platform--dashboard-wrap-box .user-notice li .left {
    float: left;
    width: 70px;
    height: 75px;
    padding: 5px 7px;
    margin-right: 20px;
    background-color: #f5f7f8;
    border-radius: 3px;
}
.platform--dashboard-wrap-box .user-notice li .right {
    float: left;
    width: 195px;
}
.platform--dashboard-wrap-box .user-notice li .left span {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #a8b8c3;
}
.platform--dashboard-wrap-box .user-notice li .left span.year {
    padding-bottom: 4px;
}
.platform--dashboard-wrap-box .user-notice li .left span.day {
    font-size: 30px;
    color: #a8b8c3;
    border-top: 1px solid #dce2ea;
}
.platform--dashboard-wrap-box .user-notice li .right > div:first-child {
    margin-bottom: 15px;
}
.platform--dashboard-wrap-box .user-notice li .right > div:first-child::after {
    content: "";
    display: block;
    clear: both;
}
.platform--dashboard-wrap-box .user-notice li .right span {
    display: inline-block;
    font-size: 13px;
    color: #82919b;
}
.platform--dashboard-wrap-box .user-notice li .right span.title {
    float: left;
    margin-top: 3px;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.platform--dashboard-wrap-box .user-notice li .right .more {
    float: right;
    padding: 0;
    margin: 0;
    margin-top: 3px;
    line-height: 19px;
    color: #a8b8c3;
    font-size: 13px;
    border: 0;
    background: none;
    cursor: pointer;
}

.platform--dashboard-wrap-box .user-notice li .right div.cont {
    font-size: 13px;
    color: #35414c;
    line-height: 19px;
    height: 40px;
    width: 195px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}
.platform--dashboard-wrap-box .user-notice li .right .new {
    float: left;
    height: 20px;
    width: 20px;
    padding-top: 2px;
    margin-left: 10px;
    vertical-align: top;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    background-color: #ffa022;
    border-radius: 5px 5px 5px 0px;
}
/* user 사용현황 */
.platform--dashboard-box .list {
    padding: 0;
    background-color: #eff3f5;
    border-bottom: 1px solid #dce2ea;
}
.platform--dashboard-box .list::after {
    content: "";
    display: block;
    clear: both;
}
.platform--dashboard-box .list > * {
    float: left;
}
.platform--dashboard-box .list li {
    float: left;
    position: relative;
    max-width: 230px;
    padding: 15px;
}
.platform--dashboard-box .list li.select .list-button {
    word-break: break-all; /* 2019-12-27 추가 */
    font-weight: 500;
    color: #182d40;
    font-size: 15px;
}
.platform--dashboard-box .list li.select::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #182d40;
}
.platform--dashboard-box .list ul {
    width: 400%;
    transition: all 0.3s ease-out;
}
.platform--dashboard-box .list .list-buttonwarp {
    overflow: hidden;
    width: 1240px;
    height: 70px;
}
.platform--dashboard-box .list .list-button {
    max-width: 200px;
    width: 200px;
    line-height: 19px;
    height: 40px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #82919b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.platform--dashboard-box .list .list-button.all {
    min-width: 90px;
    width: 90px;
}
.platform--dashboard-box .list .list-button.over::after {
    content: "...";
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: #eff3f5;
}
.platform--dashboard-box .list .list-left,
.platform--dashboard-box .list .list-right {
    width: 30px;
    height: 70px;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.platform--dashboard-box .list .hidden {
    visibility: hidden;
}

.platform--dashboard-box .list .list-left::after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 0px;
    width: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #82919a;
    border-left: 10px solid none;
}
.platform--dashboard-box .list .list-right::after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 0px;
    width: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid none;
    border-left: 10px solid #82919a;
}
/* hover */
.platform--dashboard-box .list .list-left:hover::after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 0px;
    width: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #182d40;
    border-left: 10px solid none;
}
.platform--dashboard-box .list .list-right:hover::after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 0px;
    width: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid none;
    border-left: 10px solid #182d40;
}

.platform--dashboard-box .list-chart {
    margin-top: 30px;
}
.platform--dashboard-box .list-chart {
    display: flex;
    flex-direction: row;
}
.platform--dashboard-box .list-chart .list-chart--box {
    display: flex;
    flex-basis: auto;
    width: 100%;
    flex-direction: column;
    border: 1px solid #dce2ea;
    border-radius: 8px;
}
.platform--dashboard-box .list-chart .list-chart--box:first-child {
    margin-right: 20px;
}
.platform--dashboard-box .list-chart .list-chart--box {
    padding-bottom: 30px;
}
.platform--dashboard-box .list-chart .list-chart--box .list-chart--title {
    padding-top: 20px;

    height: 65px;
    font-size: 18px;
    font-weight: 500;
    color: #182d40;
    border-bottom: 1px solid rgba(168, 184, 195, 0.2);
    box-shadow: 0px 3px 10px 0px rgba(168, 184, 195, 0.1);
}
.platform--dashboard-box .list-chart .list-chart--box > div {
    padding-left: 25px;
    padding-right: 25px;
}

/* 구글 차트 툴팁 */
div.google-visualization-tooltip {
    z-index: 995;
    padding: 12px 15px;
    width: auto !important;
    height: auto !important;
    border-radius: 5px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.google-visualization-tooltip-item-list {
    margin: 0 !important;
}
.google-visualization-tooltip-item {
    margin: 0 !important;
}
.google-visualization-tooltip-item span {
    font-size: 11px !important;
    color: #82919b !important;
}
.google-visualization-tooltip-item:not(:first-child) span {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #182d40 !important;
}

/* platform-footer */
.platform-footer {
    height: 150px;
    padding-top: 40px;
    text-align: center;
    background-color: #35414c;
}
.platform-footer--wrap {
    margin: auto;
    font-size: 13px;
    color: #82919b;
}
.platform-footer--util > ul {
    min-width: 0;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 10px;
}
.platform-footer--util > ul::after {
    content: "";
    display: block;
    clear: both;
}
.platform-footer--util > ul li {
    line-height: 20px;
}
.platform-footer--util > ul li:not(:first-child) {
    padding-left: 20px;
}
.platform-footer--util > ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    height: 14px;
    width: 1px;
    margin-left: 20px;
    vertical-align: middle;
    background-color: #586979;
}
.platform-footer--util a {
    color: #82919b;
    text-decoration: none;
}
.platform-footer--copyright p {
    display: inline-block;
    margin-left: 24px;
    margin-bottom: 0;
    color: #586979;
}


.platform-footer--logo {
    width: 150px;
    height: 28px;
    border: 0;
    margin-top: -5px;
}
.platform-footer--copyright p span a{
    color: rgba(240, 83, 41, 1) !important;
}

/* fr-view */
.fr-view ul {
    list-style: initial;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.fr-view ul li {
    margin: initial;
    padding: initial;
    border: initial;
    float: initial;
}

/* platform--radiotype2 */
.platform--radiotype2 {
    width: 170px;
    height: 36px;
    vertical-align: middle;
}
.platform--radiotype2 .half-btn-left {
    width: 85px;
    height: 36px;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
}

.platform--radiotype2 .half-btn-right {
    width: 85px;
    height: 36px;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
}
.platform--radiotype2 input[type="radio"] {
    display: none;
}
.platform--radiotype2 > * {
    color: #82919b;
    background-color: #f5f7f8;
    border-radius: 3px;
}
.platform--radiotype2 > .half-btn-left {
    border-radius: 3px;
    /* border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; */
}
.platform--radiotype2 > .half-btn-right {
    border-radius: 3px;
    /* border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; */
}

/* 활동내역 */
.platform--list--datespan {
    display: inline-block;
    margin-right: 7px;
    width: 80px;
}
.platform--list--timespan {
    display: inline-block;
    width: 60px;
    text-align: right;
}

.platform--list--link,
a.platform--list--link {
    display: inline-block;
    max-width: 319px; /* 2019-11-06 수정*/
    color: #f05329;
    text-decoration: underline;
    cursor: pointer;
}
a.platform--list--link.home {
    color: #182d40;
    text-decoration: none;
    cursor: pointer;
}
.platform--list-failed {
    background-color: rgba(240, 83, 41, 0.05);
}

/* 탭 디자인 2019-10-24 추가 */
.platform--tab {
    width: 100%;
}
.platform--tab .platform--tab-list {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.platform--tab .platform--tab-list::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d7dcde;
}
.platform--tab .platform--tab-list li {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}
.platform--tab .platform--tab-btn {
    position: relative;
    min-width: 150px;
    height: 40px;
    color: #82919b;
    background: none;
    border: none;
    cursor: pointer;
}
.platform--tab .platform--tab-btn.select,
.platform--tab .platform--tab-btn:hover {
    /* 2019-11-21 hover 추가 */
    z-index: 1;
    color: #f05329;
}
.platform--tab .platform--tab-btn.select::after,
.platform--tab .platform--tab-btn:hover::after {
    /* 2019-11-21 hover 추가 */
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f05329;
}
.platform--tab .platform--tab-cont {
    margin-top: 30px;
}
/* 2019-11-07 에디터를 포함한 탭 wrap */
.platform--editor-wrap {
    padding-top: 30px;
    font-size: 14px;
}
.platform--editor-wrap .platform--tab .platform--tab-cont.docedit .tr .left {
    width: 115px;
}
.platform--editor-wrap .platform--tab .platform--tab-cont.docedit .tr .right {
    width: calc(100% - 115px);
}
/* 2019-11-21 클래스 추가 */
.platform--fontweight-300 {
    font-weight: 300;
}

/* 2019-11-27 버튼 타입 추가 */
.platform-btn-other:disabled {
    /* disable 디자인 다른 버튼 */
    color: #d7dcde;
    background-color: transparent;
    border: 1px solid #d7dcde;
    border-radius: 3px;
}

/* 2019-11-27 버전관리 셀렉트박스 disabled */
.platform-version-select:disabled + .select2 .select2-selection__rendered {
    color: #d7dcde;
}
.platform-version-select:disabled
    + .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    background-image: url(/image/assets/btn_dropdown_d-3x-caa66071b9976ef41de34365de5288e6.png);
}
/* 2019-12-05 셀렉트 박스 클래스 추가 (여백조정) */
.select2-container.version-select li.select2-results__option {
    padding-right: 5px;
}

/* 2020-03-10 개발문서 랜딩페이지 */
.platform-docs {
    min-height: 700px !important;
    background-image: url(/image/assets/docs_bg-73a64c205b1874db7415fdc96820b6d7.png) !important;
    background-position: 0%;
    background-repeat: no-repeat !important;
}
.platform-docs-wrap {
    /* 2020-03-30 수정 */
    text-align: center;
}
.platform-docs-title p {
    margin-bottom: 0;
    font-size: 37px;
    color: #333333;
}
.platform-docs-title .subtitle p {
    margin-bottom: 0;
    font-size: 14px;
    color: #82919b;
}
.platform-docs-title .subvisual {
    width: 448px;
    height: 67px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px; /* 2020-03-17 수정 */
    background-image: url(/image/assets/docs_img-3x-9afe29d1adf257e61a56c86f9ced4dc7.png) !important;
    background-size: 448px 67px;
    background-repeat: no-repeat !important;
}
.platform-docs-content {
    margin: auto;
    padding-bottom: 35px; /* 2020-03-18 수정 */
    width: 750px;
}
.platform-docs-content .platform--report-table th,
.platform-docs-content .platform--report-table td {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
}
.platform-docs-content .platform-docs-btn {
    display: inline-block;
    height: 36px;
    width: 180px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 2.5em;
    background-color: #35414c;
    border-radius: 5px;
    border-width: 0;
}
.platform-docs-content .platform-docs-btn > .assets {
    margin-top: -4px;
    margin-right: 8px;
    vertical-align: middle;
}
.platform-docs-content .platform-docs-btn:hover {
    background-color: #182d40;
}
.platform-docs-content .platform-docs-btn.red {
    background-color: #f05329;
}
.platform-docs-content .platform-docs-btn.red:hover {
    background-color: #fc5b30;
}
.platform-docs-content ul {
    width: 370px;
    margin: auto;
    margin-top: 80px; /* 2020-03-30 수정 */
}
.platform-docs-content ul li {
    float: none;
    margin-bottom: 50px;
}
.platform-docs-content .box {
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(
        -90deg,
        #ffffff 0%,
        #dce2ea 50%,
        #ffffff 100%
    );
    background-image: -moz-linear-gradient(
        -90deg,
        #ffffff 0%,
        #dce2ea 50%,
        #ffffff 100%
    );
    background-image: -o-linear-gradient(
        -90deg,
        #ffffff 0%,
        #dce2ea 50%,
        #ffffff 100%
    );
    background-image: linear-gradient(
        -90deg,
        #ffffff 0%,
        #dce2ea 50%,
        #ffffff 100%
    );
}
.platform-docs-content .box + .platform-docs-btn.red {
    margin-right: 10px;
}
.platform-docs-content .box span {
    height: 26px;
    line-height: 24px; /* 2020-03-17 수정 */
    font-size: 14px;
    color: #333333;
}
.platform-docs-content .platform--report-table {
    margin-top: 40px;
}
.platform-docs-content .platform--report-table th {
    font-weight: 400;
}
.platform-docs-content .platform--report-table th:first-child,
.platform-docs-content .platform--report-table td:first-child {
    padding-left: 14px;
}
/* 개발문서 js popup */
.platform-docs-js p {
    margin-bottom: 0;
    font-size: 15px;
    color: #82919b;
}
.platform-docs-js .platform-docs-info {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: rgba(220, 226, 234, 0.2);
}
.platform-docs-js .platform-docs-info p {
    margin: 0;
    font-size: 13px;
}
.platform-docs-js .platform-docs-info p .em {
    color: #43a5b2;
}
.platform-docs-js .validation-input-wrap {
    position: relative;
}
.platform-docs-js .validation-input-wrap input {
    padding-right: 56px;
}
.platform-docs-js .validation-input-wrap input:read-only {
    background-color: white;
}
.platform-docs-js .da-tooltip {
    position: absolute;
}
.platform-docs-js .copy {
    position: absolute;
    right: 1px; /* 2020-03-17 수정 */
    top: 1px; /* 2020-03-17 수정 */
    height: 34px; /* 2020-03-17 수정 */
    width: 45px; /* 2020-03-17 수정 */
    padding: 0;
    border: none;
    background-color: #f5f7f8;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.platform-docs-js .copy .assets {
    margin-right: 0;
    margin-top: 2px; /* 2020-03-17 수정 */
}

.platform--findpwd-container .platform--findpwd-title {
    margin-top: calc(116px - 68px);
}

.platform--findpw-comment-box {
    margin-top: 24px;
    margin-bottom: 30px;
}

.platform--findpw-wrap--content {
    padding: 68px 50px;
}

.findpwd-btn-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.findpwd-btn-box .button {
    line-height: 48px;
}

.findpwd-btn-box .platform--back-btn {
    background-color: #fff;
    color: #35414c;
    border: 1px solid #35414c;
}


.findpwd-success-container {
    width:500px;
    height:600px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
    background-color:#fff;
    padding:76px 50px 126px 50px;
}

.findpwd-success-container .img_box {
    width:120px;
    height:120px;
    margin:0 auto;
}

.findpwd-success-container .img_box img {
    width:100% !important;
    height: 100% !important;
}

.findpwd-success-container .complete_text {
    color:#35414C;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.findpwd-success-container .comment_box{
    width:400px;
    margin:44px auto 60px auto;
}

.findpwd-success-container .comment_box .comment_one {
    font-size: 20px;
    color:#35414C;
    margin-bottom: 8px;
}

.findpwd-success-container .comment_box .comment_two {
    color:#82919B;
}

.findpwd-success-container .login_btn{
    display: block;
    background-color:#35414C;
    border-radius: 4px;
    color:#fff;
    text-align: center;
    width:400px;
    line-height: 50px;
}

.findpwd-fail-container {
    width:500px;
    height:600px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
    background-color:#fff;
    padding:76px 50px 126px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.findpwd-fail-container .img_box {
    width:120px;
    height: 120px;
    margin:0 auto;
}

.findpwd-fail-container .img_box img {
    width:100% !important;
    height: 100% !important;
    object-fit: contain;
}

.findpwd-fail-container .img_box .info {
    color:#FC3C22;
    font-weight: 700;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    margin:30px 0;
}

.findpwd-fail-container .comment_box {
    height: 64px;
    font-size:20px;
}

.findpwd-fail-container .comment_box p{
    text-align: center;
}

.findpwd-fail-container .login_btn {
    background-color:#35414C;
    border-radius: 4px;
    color:#fff !important;
    text-align: center;
    width:400px;
    line-height: 50px;
}