@CHARSET "UTF-8";
/* reset */html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* font */body{font-size:9pt;font:dotum,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% dotum,arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
/* *************************************************** */
/* cake over걍ㄷ */
/* *************************************************** */
.form-vert {/* 수직형 폼 전용 스타일 */}
.form-vert .input {
	margin-bottom: 10px;
}
.form-vert .input label {
	display: block;
}

.input input[type=text], .input input[type=password], .input input[type=number] {
	padding: 2px;
}

div.error-message {
	color: red;
	font-size: 85%;
}

/* *************************************************** */
/* easyui override */
/* *************************************************** */
.small-btn .l-btn-text {
	line-height: 20px !important;
}

.easyui-linkbutton, .textbox {
	height: 24px !important;	
}

/* *************************************************** */
/* falsh msg styles */
/* *************************************************** */
.flash-msg {
	padding: 10px;
	font-weight: bold;
	background: #FFFF00;
}
.flash-msg-err {
	color: red;
}

.flash-msg-ok {
	color: green;
}
/* *************************************************** */
/* page infra */
/* *************************************************** */

.min-width-container { /* most outer container's min width */
	min-width: 1200px !important;
}

#alarm-panel-wrapper {
	width:100%;
    z-index:100;
}
#alarm-panel-wrapper .soc-header a {
	color: white;
}

#contents-iframe {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;		 
	overflow-x:hidden; 
	overflow-y:auto; 
}


div.page-wrapper {
	padding: 10px;
}




/* *************************************************** */
/* 기본 목록 테이블 스타일 */
/* *************************************************** */
table.basic-list {
	width: 100%;
}
table.basic-list tr.recent-edited {
	background: #CEFFC4 !important;
}

table.basic-list th {
	font-weight: bold;
	background: #cccccc;
}

table.basic-list td {
}

table.basic-list th, table.basic-list td {
	text-align:center;
	padding: 3px 6px;	
	border:solid 1px black;
	/* border-bottom:solid 1px #cccccc; */
}

table.basic-list tr:nth-child(even) {
	background: #efefef;
}
table.basic-list tr:hover {
	background: #F5F1A3;
}

table.basic-list th a {
	display: block;
	color: red;	
	text-decoration: none;
}
table.basic-list th a:hover {
	
}
table.basic-list th a.asc:after {
	content: '↓';
}
table.basic-list th a.desc:after {
	content: '↑';
}

table.basic-list td a {
	/* color: black; */
}
table.basic-list tr.multi-adjust {
	background: #E1A6FF !important;
}
/* *************************************************** */
/* form 용 테이블 스타일 */
/* *************************************************** */
div.form table {
	width: 100%;
}
div.form th {
	font-weight: bold;
	background: #efefef;
	width: 120px;
	
}

div.form td {
}

div.form th, div.form td {
	padding: 6px;
	
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}


div.form .input-long {
	width: 300px;
}

div .checkbox label {
	vertical-align: middle;
	margin-left: 4px;
	display: inline !important;
}
div .checkbox input {
	vertical-align: middle;
}

/* *************************************************** */
/* 게임설정 아이템 목록 스타일 */
/* *************************************************** */
div.game-set-item-wrapper {}
div.game-set-item-wrapper .game-item {
	
	
}
div.game-set-item-wrapper .game-item-title {
	background: black;
	color: white;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}
div.game-set-item-wrapper .item-list {
	background: #efefef;
}
div.game-set-item-wrapper .item-list-item {}

/* *************************************************** */
/* etc */
/* *************************************************** */



/* menu list wrapper starts */
.list-menu-wrapper {
	float: left;
	width: 100%;
}
.list-menu-wrapper .left {
	float: left;
}
.list-menu-wrapper .right {
	float: right;
}
.list-menu-wrapper .left ul {}
.list-menu-wrapper .left ul li, .list-menu-wrapper .right ul li  {
	display: inline-block;
	line-height: 25px;
}
/* menu list wrapper ends */


.captcha-wrapper {
	margin-top: 20px;
	/* background: #efefef; */
}

span.user-context-menu { /* user context menu */
	cursor: pointer;	
}

ul.page-guide {
	border: solid 1px #ccc;
	border-radius: 6px;
	background: #efefef;
}

ul.page-guide li {}
ul.page-guide .title {
	font-weight: bold;
}
/* buttons */
.actions a {
	text-decoration: none;
	border:solid 1px #aaaaaa;
	background: #dddddd;
	display: inline-block;
	padding: 0 6px;
	color: black;
	font-weight: bold;
}
a.button {
	text-decoration: none;
	border:solid 1px #aaaaaa;
	background: #dddddd;
	display: inline-block;
	padding: 0 6px;
	color: black;
	font-weight: bold;
}
a.button-m {
	text-decoration: none;
	border:solid 1px #aaaaaa;
	background: #dddddd;
	display: inline-block;
	padding: 0 6px;
	color: black;
	height: 18px;
	line-height:18px;
	font-weight: bold;
}
a.button-m-warn {
	text-decoration: none;
	border:solid 1px red;
	background: #dddddd;
	display: inline-block;
	padding: 3px 6px;
	color: red;
	font-weight: bold;
	
}
a.warn-button {
	text-decoration: none;
	border:solid 1px red;
	background: #dddddd;
	display: inline-block;
	padding: 0 6px;
	color: red;
	font-weight: bold;
	font-size: 90%;
}
a.safe-button {
	text-decoration: none;
	border:solid 1px green;
	background: #dddddd;
	display: inline-block;
	padding: 0 6px;
	color: green;
	font-weight: bold;
	font-size: 90%;
}

/* text styles */
.highlight {
	background: yellow;
	color: red;
}

.charge-money {
	font-weight: bold;
	color: red;
}
.exchange-money {
	font-weight: bold;
	color: blue;
}

.small {
	font-size: 80%;
}

.money-plus { /* 플러스, 마이너스 금액 구분 표시 */
	color: red !important;	
}
.money-minus { /* 플러스, 마이너스 금액 구분 표시 */
	color: blue !important;	
}


.popup-title {
	background: black;
	color: white;
	font-weight: bold;
}