@CHARSET "UTF-8";

body{overflow-x:hidden;}
/* a태그 관련 */
a:link { 
    color:#000; 
    cursor:pointer;
} 
a:visited { 
    color:#000; 
    cursor:pointer;
} 
a:hover { 
    color:#c8c8c8;
    cursor:pointer; 
} 
a:active { 
    color:#000; 
    cursor:pointer;
} 

/* 맨 상단 제목:method, 맨 하단 메뉴(네비게이션):menu */
.method, .menu{
	width:100%;
	float:left; 
	display:block;
	overflow:visible;
	line-height:normal;
	white-space:nowrap;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	background:  #6755bf;
	background:  -webkit-gradient(linear, left top, left bottom, from(#6755bf), to(rgba(165,155,213,0.69)));
	background:  -moz-linear-gradient(top, #6755bf, rgba(165,155,213,0.69));
	background:  -o-linear-gradient(top, #6755bf, rgba(165,155,213,0.69));
	background:  linear-gradient(top, #6755bf, rgba(165,155,213,0.69));
	position:relative; 
	*zoom:1;
}
.menu ul{float:left; list-style:none; padding:0; margin:-1px 0;}
.menu li{float:left; font-size:13px; border-color:#6755bf; border-bottom-color:#4a3c96;  }
.menu a{float:left; overflow:hidden; padding:10px 0 11px 0; *padding:10px 0 10px 0; margin-bottom:-1px; text-decoration:none !important; cursor:pointer;}
.menu li a:hover,
.menu li a:active,
.menu li a:focus{width:100%; background:#4a3c96; border-color:#4a3c96; border-bottom-color:#4a3c96; display:block; position:relative; background-position:center -20px;}
.menu a span{ padding:0 21px; color:#fff; font-weight:bold; vertical-align:top;}

/* 상단 제목 Bar에 있는 다른 결제수단으로 이동하는 메뉴 */
.chgMethod{
	font-family:나눔고딕, Tahoma, Geneva, sans-serif;
	z-index:9999; 
	font-weight:bold;	
	margin-top:32px;	
}
.chgMethod ul{list-style:none; margin:0; padding:1px;}
.chgMethod li{
	padding:5px;
	position:relative;
	background:#a59bd5; 	
}
.chgMethod a{ font-color:#000; margin:0; background-image:none !important; filter:none; cursor:pointer;}
.chgMethod a span{ padding:5px 20px; font-weight:normal; color:#fff; border:0; font-weight:bold; }
.chgMethod li a:hover,
.chgMethod li a:active,
.chgMethod li a:focus{padding:5px; background:#4a3c96; border-color:#4a3c96; border-bottom-color:#4a3c96;}

/* 오브젝트 정렬 관련 */
.left{float:left; padding:0 0 0 5px;}
.right{float:right; padding:0 5px 0 0;}
.center{
	text-align:center;
	padding:0 0 0 50px;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	color:#fff; 
	font-weight:bold;
	font-size:15px;
}

/* 목록 상세정보 : info와 info2는 배경색만 다름 */
.info{
	border:1px solid #ccc;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	padding:5px 10px;
	background:#ededed;
}
.info2{
	border:1px solid #ccc;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	padding:5px 10px;
	background:#fff;
}
.info span, .info2 span{  
	position:relative;
	width:30%;
	font-size:13px;
	padding: 5px 15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 	
	resize:horizontal;
}

/* 펼쳐지고 접혀지는 목록 전체 : selectList */
.selectList ul{
	list-style:none;
	margin:0; 
	padding:0; 
}
/* 목록 중 선택하는 Bar */
.selectBar{
	clear:left;
	position:relative;
	border:1px solid #ccc;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	padding:5px 10px;	
}
.selectBar label{font-family: 나눔고딕, Tahoma, Geneva, sans-serif; font-size:13px; padding:3px;}
.selectBar span{font-family: 나눔고딕, Tahoma, Geneva, sans-serif; font-size:16px; padding:3px; font-weight:bold;}
.selectBar input{
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif; 
	font-size:12px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
}
.selectBar input.right{border:0px; margin:-3px;}

/* 접혀지는 리스트들 */
.cardDisplay, .cardInstmn, .cardType, .bankDisplay, .receiptDisplay, .cpcoDisplay, .methodDisplay{	
	float:left; 
	width:99.7%; 
	position:relative; 
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.blank{
	clear:left;
	position:relative;
	padding-top:33px;
}

/* 버튼 모양의 리스트 */
.Card, .Instmn{
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif; 
	float:left;
	width:60px;
	background:#cccccc;
	border:none;
	margin:5px;
	padding-top:5px;
	height:30px;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	overflow:visible;
}
.Receipt, .Cell, .selMethod{
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif; 
	float:left;
	width:90px;
	background:#cccccc;
	border:none;
	margin:5px;
	padding-top:5px;
	height:30px;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	overflow:visible;
}
.Type, .Bank{
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif; 
	float:left;
	width:130px;
	background:#cccccc;
	border:none;
	margin:5px;
	padding-top:5px;
	padding-bottom:5px;
	height:30px;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	overflow:visible;	
}

/* 버튼안에 들어가는 작은 글씨 */
.small{font-size:11px;}

/* 네이게이션 위의 버튼 Bar */
.btn{float:left; width:99.7%; border:1px solid #ccc; }

/* 환경설정 중 소개부분 박스 디자인 */
.box{	
	border:1px solid #ccc;
	font-family: 나눔고딕, Tahoma, Geneva, sans-serif;
	margin:5px;
	padding:5px 10px;
	background:#fff;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
/* 소개부분 접혀지는 곳 , mnbank소개:mnbankDisplay, 결제서비스소개:methodInfoDisplay */
.mnbankDisplay, .methodInfoDisplay{background:#eee;}

/* 리스트에서 페이징 처리하는 클래스 */
.PagingBar {text-align:center;font-size:12px;}
.PagingBar a {padding:3px 5px;text-decoration:none;font-weight:bold;margin-right:5px;border:1px solid;}
.PagingBar a.number {background-color:#FFFFFF;border-color:#E6E6E6;color:#909090;}
.PagingBar a.ON {background-color:#4a3c96;border-color:#4a3c96;color:#FFFFFF;}
.PagingBar a.go {border-color:#BCBCBC;color:#909090;background:url(http://images.wingbus.com/images/m/im/bg_page_btn.gif) repeat-x #F6F5FB;}