/*common*/
body {
	font: 14px/16px "Lucida Grande", "Lucida Sans Unicode", Dotum, Helvetica,
		Arial, Verdana, sans-serif;
	background-color: transparent;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

body, input {
	font-size: 14px;
	color: #333;
}

h1, h2, h3 {
	margin: 0 0 8px 0;
}

h2 {
	font-size: 18px;
}

table {
	width: 100%;
	border-collapse:collapse;
	border:1px gray solid;
}

textarea {
	width : 100%;
}

.color-red {
	color: red;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/*modal*/
.ui-widget-overlay {
	background: #000;
	opacity: .6;
}

.ui-dialog {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
	border: 0;
	border-radius: 0;
	padding: 1em;
	background-color: #343a48;
}

.ui-dialog .ui-dialog-title {
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	color: #fff;
	padding-left: .3em;
}

.ui-dialog .ui-dialog-content {
	padding: 24px;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: #eee;
	border: 0;
	margin-top: .5em;
	padding: 18px 95px;
}

.ui-dialog .ui-dialog-buttonpane button {
	font-size: 18px;
	font-weight: bold;
	border: 0;
	border-radius: 0;
	background-color: #a0a0a0;
	color: #fff;
	width: 170px;
	margin: 0;
	padding: 4px;
}

.ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:active
	{
	background-color: #808080;
}

.ui-dialog .ui-dialog-buttonpane button:first-child:focus, .ui-dialog .ui-dialog-buttonpane button:first-child:active
	{
	background-color: #1f749c;
}

.ui-dialog .ui-dialog-buttonpane button:first-child {
	background-color: #2791c3;
}

.ui-dialog .ui-dialog-buttonpane button+button {
	margin-left: 20px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-default {
	border: 0;
	background-color: transparent;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
	width: 22px;
	height: 22px;
	background: url(../images/modal_close.png) no-repeat 0 0;
	left: auto;
	right: 16px;
	top: -2px;
	margin: 0;
}

/*table*/
.cert-list {
	height: 199px;
	overflow: hidden;
	overflow-y: scroll;
	margin: 10px 0;
}

.table-bordered {
	border-collapse: collapse;
	width: 100%;
	font-size: 13px;
}

.table-bordered thead th {
	background-color: #eee;
	color: #333;
}

.table-bordered th, .table-bordered td {
	border: 1px solid #c9c9c9;
	padding: 8px 6px;
	color: #666;
	background-color: #fff;
	vertical-align: middle;
	height: 16px;
}

.table-bordered .selected td, .table-bordered :focus td {
	color: #fff;
	background-color: #6a8d9e;
}

.table-bordered .selected .ico-cert, .table-bordered :focus .ico-cert {
	background-image: url(../images/ico_cert_on.png);
}

.ico-cert {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: transparent url(../images/ico_cert.png) 0 0 no-repeat;
	margin-bottom: -3px;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 200px;
}

/*custom*/
.cert-select {
	border: 1px solid #c9c9c9;
	padding: 14px;
	text-align: center;
	position: relative;
}

.cert-select img:focus {
	outline: 0
}

.cert-select img+img {
	margin-left: 10px;
}

.usb-list {
	list-style-type: none;
	text-align: left;
	width: 188px;
	position: absolute;
	left: 167px;
	top: 110px;
}

.usb-list li {
	background-color: #b3cbd7;
	margin-bottom: 1px;
	padding: 12px;
}

.usb-list li.selected, .usb-list li:hover {
	background-color: #9db2bd;
}

.form-cert-password {
	margin-top: 16px;
	font-weight: bold;
}

.form-cert-password p {
	margin-bottom: 10px;
}

.password-wrapper {
	position: relative;
}

.form-cert-password label {
	color: #666;
	margin-top: 8px;
	display: inline-block;
}

.form-cert-password input {
	border: 1px solid #c9c9c9;
	width: 72%;
	height: 33px;
	line-height: 33px;
	padding: 0 10px;
	position: absolute;
	right: 0;
}

.engine-progress {
	width: 90%;
	height: 30px;
	position: relative;
	background-color: #ddd;
	margin-top: 10px;
}

.engine-progressbar {
	background-color: #4CAF50;
	width: 0%;
	height: 100%;
	position: absolute;
}

.Progressbar-label {
	text-align: center;
	line-height: 30px;
	color: white;
}

/* 레이어 팝업 */
/* body.closeWrap{overflow:hidden} */
.layerPop{overflow-y:auto;display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;min-height:100%;z-index:99999;opacity:1;background:rgba(0,0,0,0.6);}
.layerPop.main{position:fixed;}
.layerPopArea{position:relative;top:50%;width:800px;margin:0 auto;}
.layerPopArea.alert{width:600px;}
 
.layerPopChatPop{overflow-y:auto;display:none;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;min-height:100%;z-index:99999;opacity:1;background:rgba(0,0,0,0.6);}
.layerPopChatPop.main{position:fixed;}
.layerPopAreaChatPop{position:relative;top:10%; width:400px;margin:0 auto;}
.layerPopAreaChatPop.alert{width:600px;}
 
.layerPop .popContent{position:relative;padding:60px 70px;background:#fff;border-radius:5px;}
.layerPop .popTit{padding-bottom:35px;font-weight:700;font-size:30px;text-align:left;}
.layerPop .popInner{overflow-y:auto;height:410px;}
.layerPop .popInner > .titArea:first-child h3{margin-top:0 !important;}
.layerPop .popsTxt{color:#757575;text-align:center;}
.layerPop .popTxt{color:#222;font-size:24px;line-height:36px;text-align:center;}
.layerPop .popTxt .income{display:block;margin-top:20px;font-size:30px;font-weight:500;}
.layerPop .popTxt .income em{font-weight:700;}
.layerPop .btnArea{margin-top:35px;}
.layerPop .btnClose{display:block;position:absolute;top:30px;right:30px;width:37px;height:37px;background:url("/asset/images/common/sp_common.png") no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
 
.layerPopChatPop .popContent{position:relative;padding:60px 70px;background:#fff;border-radius:5px;}
.layerPopChatPop .popTit{padding-bottom:10px;font-weight:600;font-size:20px;text-align:center;}
.layerPopChatPop .popInner{overflow-y:auto;height:410px;font-size:13px;}
.layerPopChatPop .popInner > .titArea:first-child h3{margin-top:0 !important;}
.layerPopChatPop .popsTxt{color:#757575;text-align:center;}
.layerPopChatPop .popTxt{color:#222;font-size:24px;line-height:36px;text-align:center;}
.layerPopChatPop .popTxt .income{display:block;margin-top:20px;font-size:30px;font-weight:500;}
.layerPopChatPop .popTxt .income em{font-weight:700;}
.layerPopChatPop .btnArea{margin-top:15px;}
.layerPopChatPop .btnClose{display:block;position:absolute;top:30px;right:30px;width:37px;height:37px;background:url("/asset/images/common/sp_common.png") no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
 
 
.layerPopArea.alert .popContent{padding:80px 70px;}
.layerPopArea.alert .popTit{padding-bottom:25px;font-weight:700;font-size:30px;text-align:center;}
.layerPopArea.alert .popInner{overflow-y:visible;height:auto;}
.layerPopArea.alert .btnArea{margin-top:45px;}
 
.layerPopAreaChatPop.alert .popContent{padding:80px 70px;}
.layerPopAreaChatPop.alert .popTit{padding-bottom:25px;font-weight:700;font-size:30px;text-align:center;}
.layerPopAreaChatPop.alert .popInner{overflow-y:visible;height:auto;}
.layerPopAreaChatPop.alert .btnArea{margin-top:45px;}
 
.layerPopArea.small .popInner{height:220px;}
.layerPopArea.mail .popInner{height:150px;}
.layerPopArea.terms .popInner{margin-left:-70px;margin-right:-70px;}
.layerPopArea.ty02 .popInner{margin-right:-70px;padding-right:70px;}
 
.layerPopAreaChatPop.small .popInner{height:220px;}
.layerPopAreaChatPop.mail .popInner{height:150px;}
.layerPopAreaChatPop.terms .popInner{margin-left:-70px;margin-right:-70px;}
.layerPopAreaChatPop.ty02 .popInner{margin-right:-70px;padding-right:70px;}