@charset "utf-8";
@import url("reset.css");
@import url("default.css");

/*
 * common
 */
textarea {
	resize: none;
}

.b-white {
	background-color: #fff !important;
}

.b-white:disabled {
	background-color: #e9ecef !important;
	opacity: 1;
}

.pe-none {
	pointer-events: none;
}

.disNone {
	display: none;
}

.caption-bottom {
	caption-side: bottom;
}

.dashed {
	border-style: dashed;
	border-color: #eee;
}

.table td, .table th {
	vertical-align: middle;
}

.nav-link.disabled {
	color: #6c757d;
}

.nav-collapse a.nav-link {
	background-color: #e9ecef;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.nav-collapse a.nav-link.collapsed {
	background-color: #f8f9fa;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.nav-collapse a.nav-link:after {
    content: "-";
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-top: -4px;
    color: #6c757d;
}

.nav-collapse a.nav-link.collapsed:after {
    content: "+";
}

.nav-collapse h6.sidebar-heading {
    color: #6c757d;
    padding: .5rem 1rem;
}

.nav-collapse .dropdown-item:hover, .nav-collapse .dropdown-item:active, .nav-collapse .dropdown-item:focus {
	color: #333;
    background-color: #f8f9fa;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.nav-collapse .dropdown-item.active {
	color: #f5901a;
    background-color: #f8f9fa;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.btn-sm {
	padding: .25rem .85rem;
}

.pointer {
	cursor: pointer;
}

.table-sm td, .table-sm th, .table-xs th {
	padding: .5rem;
}

.table-xs td {
	padding: .35rem;
}

.page-link, .page-link:hover {
	color: #888;
}

.page-item.active .page-link {
	background: #343a40;
	border: 1px solid #454d55;
	color: #fff;
}

.b_noti {
	background: #fffeed;
}

.contents {
	font-size: inherit;
	font-family: inherit;
	background-color: inherit;
	border: none;
}

#loading img {
	top: 50%;
	position: relative;
	transform: translate(50%, -50%);
}

.border-end-0 {
	border-right: 0 !important;
}

.border-start-0 {
	border-left: 0 !important;
}

/*
 * login
 */
.btn-login {
	background-color: #ff9000;
	border-color: #ff9000;
	color: #fff;
	font-size: 17px;
}

.btn-login:hover, .btn-login:active, .btn-login:focus {
	background-color: #ff9000 !important;
	border-color: #ff9000 !important;
}

.btn-login:active, .btn-login:focus {
	box-shadow: 0 0 0 0.2rem rgb(255 168 38/ 50%) !important;
}

.signin {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f9f9f9;
}

.form-signin {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: 80px auto;
}

.form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/*
 * navbar
 */
.btn-logout {
	font-weight: bold;
	color: #ff9000;
	font-size: 14px;
	padding: 6px 25px;
	border: 1px solid #ff9000;
	border-radius: 32px;
}

.btn-logout:hover {
	color: #fff;
	border: 1px solid #ff9000;
	border-radius: 28px;
	background: #ff9000
}

/*
 * sidebar
 */
.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100; /* Behind the navbar */
	padding: 66px 0 0; /* Height of navbar */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media ( max-width : 767.98px) {
	.sidebar {
		top: 5rem;
	}
}

.sidebar-sticky {
	position: relative;
	top: 0;
	height: calc(100vh - 48px);
	padding-top: .5rem;
	overflow-x: hidden;
	overflow-y: auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sidebar-sticky {
		position: sticky;
	}
}

.sidebar .nav-link {
	font-weight: 500;
	color: #333;
}

.sidebar .nav-link .feather {
	margin-right: 4px;
	color: #999;
}

.sidebar .nav-link.active {
	color: #f5901a;
}

.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
	color: inherit;
}

.sidebar-heading {
	font-size: .75rem;
	text-transform: uppercase;
}

/*
 * board
 */
a.btn_list {
	float: left;
	background: url(../img/board/btn_list.png) 0 center no-repeat;
	width: 22px;
	height: 22px;
	border: 0;
	padding: 12px 0;
	margin: 0 0 0 0;
	text-indent: -5000px;
	overflow: hidden
}

.board {
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Nanum Gothic', sans-serif;
	color: #555;
	word-break: break-all;
}

.board h2 {
	font-size: 22px;
	font-weight: 300;
	line-height: 48px;
	color: #000;
	border-bottom: 2px solid #000;
	margin-bottom: 15px;
	padding-top: 82px
}

.board h2 sub {
	display: inline-block;
	font-size: 11px;
	color: #ccc;
	margin: 0 15px;
	vertical-align: middle;
}

.board h2>.lv_basic, .right_con h2>.lv_standard, .right_con h2>.lv_advanced,
.right_con h2>.lv_premium {
	height: 22px;
	font-size: 12px;
	line-height: 1.8em;
	color: #fff;
	text-align: center;
	border-radius: 22px;
	padding: 0 15px;
	margin: 0 0 4px 12px;
	vertical-align: middle
}

.board h3 {
	font-size: 17px;
	color: #000;
	padding-bottom: 16px;
	padding-top: 10px;
}

.board h4 {
	font-size: 15px;
	color: #000;
	padding-bottom: 16px;
	padding-top: 10px;
}

.board p {
	line-height: 1.75em
}

.code_box {
	display: block;
	min-height: 140px;
	background: #0d3952;
	color: #fff;
	padding: 10px 20px;
	margin-bottom: 15px
}

.map_box {
	display: block;
	height: 320px;
	background: #CCC;
	margin-bottom: 15px
}

.board_title {
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	overflow: hidden
}

.board_title span.t1 {
	display: block;
	width: 100%;
	padding: 6px 0 16px 0;
	clear: both;
	overflow: hidden
}

.board_title span.t1 span.t1_tit {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	width: 820px
}

.board_title span.t1 span.t1_type {
	float: right
}

.board_title span.t2 {
	display: block;
	font-size: 12px;
	color: #666;
	width: 100%;
	padding-bottom: 15px;
	overflow: hidden
}

.board_title span.t2 span.t2_view {
	float: left
}

.board_title span.t2 span.t2_date {
	float: right
}

.board_note {
	min-height: 100px;
	padding: 20px 0
}

.board_note p, .board_note pre {
	font-size: 14px;
}

.board_reply {
	border: 1px solid #d6d6d6
}

.board_reply dl dt {
	font-size: 12px;
	font-weight: bold;
	background: #f9f9f9;
	border-bottom: 1px solid #d6d6d6;
	padding: 8px 20px
}

.board_reply ul {
	padding-top: 15px
}

.board_reply ul li {
	position: relative;
	min-height: 74px;
	border-top: 1px dashed #e5e5e5;
	padding: 10px 0
}

.board_reply ul li.first {
	border: none
}

.board_reply dl dd {
	padding: 0 20px
}

.reply_note {
	position: relative;
	padding: 14px 0 10px 0;
	clear: both
}

.reply_note p, .reply_note pre {
	font-size: 13px;
}

.reply_note span.reply_box {
	display: inline-block;
	width: 724px
}

.reply_note span.reply_box textarea {
	width: 100%;
	height: 52px;
	border-radius: 0;
	background: #f9f9f9;
	resize: none;
	overflow-x: hidden
}

.reply_note span.btn_reply_box {
	float: right;
	display: inline-block;
	margin-left: 8px
}

.reply_note span.btn_reply_box a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 74px;
	background: #555;
	text-align: center;
	color: #fff;
	width: 90px;
	height: 74px;
}

.profile {
	position: relative;
	display: table;
	width: 100%;
	vertical-align: middle; /*overflow:hidden*/
}

.profile_l {
	position: relative;
	padding-left: 50px
}

.profile_l span.photo_l {
	display: table-cell;
	width: 160px;
}

.profile span.photo_m {
	display: table-cell;
	width: 38px;
}

.profile span.photo_s {
	display: table-cell;
	width: 32px;
}

.profile span.photo_s img {
	width: 29px;
	height: 29px;
	border-radius: 29px;
}

.profile span.profile_id {
	display: table-cell;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -0.025em;
	color: #555;
	padding: 0 7px;
	width: auto;
	vertical-align: middle
}

.btn_smenu {
	position: absolute;
	right: 0;
	top: 15px;
	color: #ddd
}

.btn_smenu a {
	display: inline-block;
	padding: 0 10px 6px 10px;
	font-size: 12px;
	color: #666
}

.btn_smenu a:hover {
	font-weight: bold;
	color: #333
}

.btn_smenu textarea {

}

.recom_count {
	display: inline-block;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	letter-spacing: -0.025em;
	padding: 0 4px;
	width: auto;
	vertical-align: middle;
}

.thumbnail-buttons .title {
	display: inline-block;
	width: 120px;
	text-align: center;
	padding-right: 20px;
}

.thumbnail-buttons .btn {
	display: inline-block;
	height: 34px;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 32px;
	color: #f5901a;
	padding: 0 18px;
	margin-bottom: 0px;
}

.thumbnail {
	display: block;
	text-align: left;
	background-color: #fff;
	overflow: hidden;
	border: 2px solid #eee;
	margin-top: 30px
}

.thumbnail:first-child {
	margin-top: 0
}

.thumbnail img.thumb {
	float: left;
	width: 320px;
	height: 214px;
	margin-right: 25px;
	padding: 0;
}

.thumbnail h4 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	height: 94px;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 20px;
	color: #333;
	line-height: 1.4em;
	letter-spacing: -0.03em;
	padding: 35px 25px 0 0;
}

.thumbnail p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	height: 55px;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
	color: #666;
	line-height: 1.5em;
	padding: 8px 25px 0 0;
}

.thumbnail span.date, span.count {
	display: inline-block;
	font-size: 13px;
	color: #999;
	padding: 15px 30px 0 0;
}

.thumbnail span.count {
	position: absolute;
	right: 25px;
}

.icon_notice {
	display: inline-block;
	height: 24px;
	background: url(/static/img/board/icon_notice.png) no-repeat;
	vertical-align: text-top;
	padding-right: 30px
}

/*
 * notice
 */
.label-important:hover {
	color: #dc3545;
	border-color: #dc3545;
	background-color: transparent;
}

.label-important input[type=checkbox] {
	display: none;
}

/*
 * forum
 */
.forum_q1, .forum_q2, .forum_q3, .forum_q4, .forum_q5 {
	display: block;
	width: 64px;
	height: 20px;
	font-family: -apple-system, applesdgothicneo, apple sd gothic neo,
	Helvetica, noto sans kr, malgun gothic, 맑은 고딕, sans-serif, 돋움, Dotum,
	굴림, Gulim;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0em;
	color: #888;
	margin: 0 auto;
}

.forum_q1 {
	color: #666;
} /* 일반 외 */
.forum_q2 {
	color: #9b72d7;
} /* web */
.forum_q3 {
	color: #4692e6;
} /* ios */
.forum_q4 {
	color: #7dbf0a;
} /* android */
.forum_q5 {
	color: #fb8e00
} /* server */

/*
 * servicestat
 */
.status-icon {
	width: 20px;
	height: 20px;
}

/*
 * popup
 */
.input-date, .select-popup-type {
	width: 168px;
	display: inline-block;
}

/*
 * servicelevel
 */
.service-level-form .row {
	margin-left: 0;
	margin-right: 0;
}

.service-level-form .form-group.row {
	border-bottom: 1px solid #dee2e6;
}

.service-level-form .form-group {
	margin: 0;
}

.service-level-form .col-form-label-sm {
	color: #fff;
	background-color: #343a40;
	border-bottom: 2px solid #454d55;
	text-align: center;
	padding: 12px 0;
	margin: 0;
}

.service-level-form .col-form-label-sm label {
	margin: 0;
}

.service-level-form .api-available, .service-level-form .service-level-option
{
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #dee2e6;
	text-align: center;
}

.service-level-form .api-available #unavailableList, .service-level-form .api-available #availableList
{
	width: 100%;
	height: 225px;
	border: 1px solid #d6d6d6;
}

.service-level-form .flat-api-list .list-header {
	width: 100%;
	padding: 5px;
	height: 33px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #d6d6d6;
}

.service-level-form .flat-api-list .list-body {
	width: 100%;
	padding: 5px;
	height: 190px;
	overflow-y: auto;
}

.service-level-form .form-group.row {
	align-items: center !important;
}

.service-level-form .option-label {
	font-size: 0.8rem;
	color: #585f65;
	margin-bottom: 0;
}

.service-level-form input[type=text].input-number {
	width: auto;
	display: inline;
}

.service-level-form input[type=text].input-number-sm {
	max-width: 100px;
	display: inline;
}

.service-level-form #inputOptionBasePrice {
	display: inline;
	max-width: 135px;
	pointer-events: none;
}

.choice-api-list table thead th {
	border-bottom: 1px solid #dee2e6;
}

.service-level-form .choice-api-list {
	height: 225px;
	overflow-y: scroll;
}

.user-type-list span:not(:last-child):after, .lang-list span:not(:last-child):after {
	content: ",";
}

/*
 * api
 */
.col-api-price {
	width: 95px;
}

.input-group-addon {
	padding-right: 1em;
	line-height: calc(1.5em + .5rem);
}

caption.unit {
	padding: 0 1em 0.5em 0;
	text-align: right;
}

@media ( min-width : 992px) {
	.w-50>div {
		width: 50%;
	}
	.w-60>div {
		width: 60%;
	}
	.w-70>div {
		width: 70%;
	}
}

/*
 * ticket
 */
.ticket-settings span.text-box {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	border: 1px solid #ced4da;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	color: #495057;
	font-weight: 400;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background-color: #fff;
	background-clip: padding-box;
	cursor: default;
}

.ticket-settings .user-grade .text-box {
	line-height: 1.3;
	width: auto;
	min-width: 88px;
	display: inline-block;
	text-align: center;
}

.ticket-settings p.text-indent {
	text-indent: 4em;
	padding: .25rem 0;
}

.ticket-settings input {
	display: inline;
}

.ticket-settings input[readonly] {
	background-color: #fff;
	color: #495057;
	pointer-events: none;
}

.ticket-settings .input-date {
	width: 90px;
}

.ticket-settings .input-date[readonly]:not(:disabled) {
	background-color:#fff;
}
.ticket-settings .form-check {
	padding-bottom: 0.8125rem !important;
	padding-top: 0.8125rem !important;
}

.ticket-settings .table {
	margin-bottom: 3rem !important;
	width: 50% !important;
	float: left !important;
}

/*
 * searchbar
 */
.search-bar {
	background-color: #00000013;
	padding: 1rem;
	border: 1px solid #dee2e6;
	margin: 1rem 0 0.5rem 0;
}

.search-bar .input-group-text {
	width: 100px;
	display: inline-block;
	padding: 0.25rem 2rem;
	font-size: .875rem;
	font-weight: bold;
	border: 0;
}

.search-bar .custom-select.fixed-width {
	flex: none;
	width: 125px;
}

.search-bar #selectSearchType {
	border-right: 0;
}

.search-bar .input-group .btn {
	width: 120px;
}

.search-bar #dateRangeControls .btn {
	width: auto;
	min-width: 71px;
}

.search-bar input, .search-bar select:not(.fixed-width ) {
	width: 179px;
}

.search-bar input, .search-bar select, .search-bar button {
	border-radius: 0 !important;
}

.search-bar .input-group {
	width: auto;
}

.search-bar #searchValueContainer {
	display: inline-flex;
}

#dateRangeControls .btn-group .btn {
	height: 31px;
	overflow: hidden;
}

@media ( max-width : 1220px) {
	#dateRangeControls .date-pickers {
		margin-top: .425rem;
		margin-left: 99px !important;
	}
	#dateRangeControls .date-pickers input {
		width: 198px;
	}
}

@media ( max-width : 991px) {
	.search-bar .input-group-text {
		display: block;
		width: 100%;
	}
	.search-bar .custom-select, .search-bar input, .search-bar .btn, #dateRangeControls .btn-group {
		width: 100% !important;
	}
	.search-bar #searchValueContainer {
		width: 100%;
		margin: .425rem 0;
	}
	#dateRangeControls .date-pickers {
		width: 100%;
		margin-left: 0 !important;
	}
	.search-bar #selectSearchType {
		border-right: 1px solid #ced4da;
	}
	#dateRangeControls .btn-group .btn-info {
		padding: 0.25rem 0.75rem;
	}
}

/* 게시판 검색바 */
.search-container {
	margin: 0 auto 4em auto;
}

.search-container select {
	width: auto !important;
	min-width: 115px !important;
	max-width: 200px !important;
}

.search-container input[type=text]:not([name=searchRangeValues]) {
	width: 205px !important;
}

.search-container select.select-service-level {
	width: auto !important;
	display: none;
}

/*
 * statistics
 */

/* 리스트 정렬 아이콘 */
.sortValue {
	cursor: pointer;
}

th.asc.sortOn {
	background: url(/static/img/nav_icon_up.png) calc(50% + 50px) 13px
	no-repeat #343a40
}

th.desc.sortOn {
	background: url(/static/img/nav_icon_down.png) calc(50% + 50px) 13px
	no-repeat #343a40
}

th.sortOn {
	color: #FF9800 !important;
}

#dataTable th:not(.noneSort) {
	cursor: pointer;
}

#dataTable tr.static {
	background-color: #f5f6f8;
}

.tablesorter-scroller .tablesorter-scroller-header {
	width: 100% !important;
}

.tablesorter-headerDesc > div.tablesorter-header-inner {
	background: url(/static/img/nav_icon_down.png) calc(100% - 25px);
    background-repeat: no-repeat;
}

.tablesorter-headerAsc > div.tablesorter-header-inner {
	background: url(/static/img/nav_icon_up.png) calc(100% - 25px);
    background-repeat: no-repeat;
}

/* 플랫폼 호출 조회 - 서버 호출 정보 */
#serverCallStatArea span.input-group-text, #serverCallStatArea button.btn {
	width: 120px;
}

#serverCallStatArea input {
	border-top: 0;
	border-bottom: 0;
}

/* API별 호출 조회 */
.api-call-stat .search-bar #selectSearchType {
	width: max-content;
}

@media ( max-width : 1200px) {
	.api-call-stat .search-bar .input-group-text {
		display: block;
		width: 100%;
	}
	.api-call-stat .search-bar .custom-select, .api-call-stat .search-bar input, .api-call-stat .search-bar .btn {
		width: 100% !important;
	}
	.api-call-stat .search-bar #searchValueContainer {
		width: 100%;
		margin: .425rem 0;
	}
	.api-call-stat .search-bar #selectSearchType {
		border-right: 1px solid #ced4da;
	}
}

.graphContainer {
	display: none;
}

.stats_graph_box {
	min-height: 300px;
}

#data_area input[type=checkbox]+label {
	background: url(../img/img_check.png) 0 0 scroll no-repeat;
	font-size: 13px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	padding-left: 30px;
}

#data_area input[type=checkbox]:checked + label {
	background: url(../img/img_check.png) 0 -22px scroll no-repeat;
	height: 20px;
}

#data_area input[type=checkbox], #data_area input[type=radio] {
	display: none;
}

#appOptionList {
	text-align-last: center;
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center;
}

#totalCallCount .table-responsive {
	height: 279px;
}

/*
 * 매출관리
 */
.badge-outlined-danger {
	color: #dc3545;
	border: 1px solid #dc3545;
}

.badge-outlined-danger .border-left {
	border-left: 1px solid #dc3545 !important;
}

.badge-outlined-purple {
	color: #2b008b;
	border: 1px solid #2b008b;
}

.badge-outlined-purple .border-left {
	border-left: 1px solid #2b008b !important;
}

.badge-outlined-green {
	color: #024a05;
	border: 1px solid #024a05;
}

.badge-outlined-green .border-left {
	border-left: 1px solid #024a05 !important;
}


.badge-outlined-primary {
	color: #007bff;
	border: 1px solid #007bff;
}

.badge-outlined-secondary {
	color: #6c757d;
	border: 1px solid #6c757d;
}

#paymentSummaryTable th {
	width: 15%;
	background-color: #00000013;
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

#paymentSummaryTable td {
	width: 35%;
}

#payment-view-modal .modal-buttons {
	position: absolute;
	right: 1.5rem;
}

#payment-view-modal td.table-active {
	width: 20%;
}

#payment-view-modal td.text-right {
	width: 30%;
}

#payment-refund-modal .modal-header {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
}

/*
 * CKEditor
 */
.ck-editor__editable {
	min-height: 500px;
}

/* Dashboard */
.dashboard .icon-big i {
	font-size: 2.2em;
}

.dashboard .border-left-primary {
	border-left: 0.25rem solid #4e73df;
}

.dashboard .border-left-info {
	border-left: 0.25rem solid #17a2b8;
}

.dashboard .border-left-success {
	border-left: 0.25rem solid #28a745;
}

.dashboard .border-left-warning {
	border-left: 0.25rem solid #ffc107;
}

.dashboard .shadow {
	box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.dashboard .text-gray {
	color: #dddfeb;
}

.dashboard .excess-table nav {
	margin-top: 1rem !important;
	margin-bottom: 0 !important;
}

.dashboard .chart-pie-container {
	height: 245px;
}

.dashboard .error-log-table {
	min-height: 165px;
}

/* 서비스 유형 */
.lv_basic {display:inline-block; background:#aaa; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px}
.lv_standard {display:inline-block; background:#76c96f; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}
.lv_advanced {display:inline-block; background:#f6af43; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}
.lv_premium {display:inline-block; background:#ff7944; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}

/* 서비스중 */
.activeColor{
	background-color : #ffea61;
}

/* 에러로그 상세보기 정렬 */
#errorPrintStackTrace, #paramInfo {
	text-align : left;
}

/* 플랫폼 정보 */
.bg_web {
	color: #fff;
	background: #9b72d7;
} /* web */
.bg_ios {
	color: #fff;
	background: #4692e6;
} /* ios */
.bg_android {
	color: #fff;
	background: #7dbf0a;
} /* android */
.bg_server {
	color: #fff;
	background: #fb8e00
} /* server */

.tx_web {
	color: #9b72d7;
}
.tx_ios {
	color: #4692e6;
}
.tx_android {
	color: #7dbf0a;
}
.tx_server {
	color: #fb8e00
}
a.icon_add, a.icon_del{display:inline-block; width:24px; height:24px; vertical-align:middle;}
a.icon_add{background:url(../img/common/icon_more.png) center no-repeat;}
a.icon_del{background:url(../img/common/icon_del.png) center no-repeat;}

.custom-select.pe-none {
	background: #fff;
}

/* 서비스 상태 */
/* .app_wait {display:inline-block; background:#aaa; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px}
.app_active {display:inline-block; background:#76c96f; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px}
.app_expire {display:inline-block; background:#f6af43; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px}
.app_cancel {display:inline-block; background:#ff5b5b; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px} */

.table_message {table-layout: fixed;}
.long_message {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}