* {margin:0; padding:0;}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin-left:10px;
	font-family:"Tahoma";
	font-size:12px;
	color:#666666;
	line-height:16px;
}

/** wrap ***************************************************************************************************/

#wrap {
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important; /* real browsers */
	min-height:100%; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	margin:0 auto; /* center, not in IE5 */

}

/** top ****************************************************************************************************/

#top {width:100%; height:60px; margin:0; padding-top:10px;}


/** middle *************************************************************************************************/

#middle {width:996px; height:100%; padding-bottom:100px; vertical-align:top;}

#con_center {
	margin:0 auto;
}

/** bottom *************************************************************************************************/

#footer {position:absolute; width:996px; height:60px; margin:0 auto; bottom:30px;}


A	{ cursor:pointer; }
table A:link			{ text-decoration:none; color:#666666; }
table A:visited		{ text-decoration:none; color:#666666; }
table A:active		{ text-decoration:none; color:#666666; }
table A:hover		{ text-decoration:none; color:#7854e0; }

img { border:0; }

/** login info ****************************************************************************************************/

.idinfo01 {
	font-size: 11px;
	color: #ffffff;
	font-family:Tahoma;}

/* Input */
.input {
	height:16px;
	border-right: #e0e0e0 1px solid; 
	border-top: #e0e0e0 1px solid;  
	border-left: #e0e0e0 1px solid;  
	border-bottom: #e0e0e0 1px solid; 
	background-color: #FFFFFF; 
	font-size: 12px;
	color: #444444;
	font-family:Tahoma;
}

select
{ 
	border-right: #e0e0e0 1px solid; 
	border-top: #e0e0e0 1px solid;  
	border-left: #e0e0e0 1px solid;  
	border-bottom: #e0e0e0 1px solid; 
	background-color: #FFFFFF; 
	font-size: 12px; 
	color: #444444; 
	font-family:Tahoma;
}

.login {
	width:125px;
	height:16px;
	border-right: #bfbfbf 1px solid; 
	border-top: #bfbfbf 1px solid;  
	border-left: #bfbfbf 1px solid;  
	border-bottom: #bfbfbf 1px solid; 
	background-color: #f7f7f7; 
	font-size: 11px; 
	color: #333333; 
	font-family:Tahoma;
}

.login_id,
.login_pw,
.id_focus,
.pw_focus {
	width:125px;
	height:16px;
	border-right: #e0e0e0 1px solid; 
	border-top: #e0e0e0 1px solid;  
	border-left: #e0e0e0 1px solid;  
	border-bottom: #e0e0e0 1px solid; 
}

.login_id {
	background: transparent url("http://web1-softnyx.ktics.co.kr/image/latino/SCafe/main/login_id.gif") top left no-repeat;
	background-color: #FFFFFF;
}

.login_pw {
	background: transparent url("http://web1-softnyx.ktics.co.kr/image/latino/SCafe/main/login_pw.gif") top left no-repeat;
	background-color: #FFFFFF;
}

.id_focus {
	background: #ebe6f7;
}

.pw_focus {
	background: #ebe6f7;
}

.notice, .event {
	position:relative;
}

.notice A:link			{ text-decoration:none; color:#444444; }
.notice A:visited		{ text-decoration:none; color:#444444; }
.notice A:active		{ text-decoration:none; color:#444444; }
.notice A:hover		{ text-decoration:none; color:#8cbb2c; }

.screen A:link			{ text-decoration:none; color:#444444; }
.screen A:visited		{ text-decoration:none; color:#444444; }
.screen A:active		{ text-decoration:none; color:#444444; }
.screen A:hover		{ text-decoration:none; color:#d11f5f; }

.utube A:link			{ text-decoration:none; color:#444444; }
.utube A:visited		{ text-decoration:none; color:#444444; }
.utube A:active		{ text-decoration:none; color:#444444; }
.utube A:hover		{ text-decoration:none; color:#000000; }

.event A:link			{ text-decoration:none; color:#444444; }
.event A:visited		{ text-decoration:none; color:#444444; }
.event A:active		{ text-decoration:none; color:#444444; }
.event A:hover		{ text-decoration:none; color:#ea6d1a; }

.GameShot {
	padding:2px;
	border:1px solid #cccccc;
}

#m_notice, #m_event {
	position:relative;
}

	#m_notice .more_no {
		position:absolute;
		top:7px;
		right:13px;
		background:url('http://web1-softnyx.ktics.co.kr/image/latino/SPayment/Main/notice_btn_more.gif') no-repeat;
		width:33px;
		height:16px;
		display:block;
		text-indent:-100em;
		overflow:hidden;
		padding:0;
		font-size:1px;
		line-height:0%;
		text-decoration:none;
	}

	#m_event .more_no {
		position:absolute;
		top:8px;
		right:13px;
		background:url('http://web1-softnyx.ktics.co.kr/image/latino/SPayment/Main/event_btn_more.gif') no-repeat;
		width:33px;
		height:16px;
		display:block;
		text-indent:-100em;
		overflow:hidden;
		padding:0;
		font-size:1px;
		line-height:0%;
		text-decoration:none;
	}

/* Join ********************************************************************/
#termsofuse {
	position:absolute;
	left:76px;
	top:378px;
	width:851px;
	height:131px;
	z-index:1;
	overflow: auto;
}
#privacy {
	position:absolute;
	left:76px;
	top:598px;
	width:851px;
	height:131px;
	z-index:2;
	overflow: auto;
}

/* How To ********************************************************************/
#Howto {
	margin:0 auto;
	border-top:2px solid #7854e0;
}

#Howto .step {
	text-align:center;
	padding:0px !important;
	padding-top:5px;
	line-height:16px;
	border-bottom:1px solid #7854e0;
}

#Howto .step_con {
	padding:9px 9px 6px 0;
	line-height:16px;
	border-bottom:1px solid #7854e0;
}


/* Purchasing History ********************************************************************/

#History {
	
	padding:20px 0;
}

#History .type {
	margin:0 auto;
	margin-bottom:20px;
	border:1px solid #7854e0;
}
	#History .type .title {
		padding-left:10px;
		font-size:12px;
		font-weight:bold; color:#FFFFFF;
	}
	
#History .list_tit {
	margin:0 auto;
	border-top:1px solid #7854e0;
}
	#History .list_tit .title01,
	#History .list_tit .title02 {
		height:35px;
		background-color:#aaaaaa;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0px;
		color:#FFFFFF;
		text-align:center;
		line-height:12px;
	}
	#History .list_tit .title02 {
		border-left:1px solid #FFFFFF;
	}

#History .list_con {
	margin:0 auto;
	border-bottom:1px solid #7854e0;
}
	#History .list_con .cont {
		font-size:11px; color:#666666; text-align:center; line-height:14px;
	}


/* Message List ********************************************************************/

.msg_list_no, .msg_list_date {
	line-height:14px;
	font-size:11px;
	text-align:left;
	border-bottom:1px solid #7854e0;
}

.msg_list_tit {
	padding:0 5px;
	line-height:14px;
	font-size:11px;
	text-align:left;
	border-bottom:1px solid #7854e0;
}
.msg_list_center{
	line-height:14px;
	font-size:11px;
	text-align:center;
	border-bottom:1px solid #7854e0;
}
.msg_list_left{
	line-height:14px;
	font-size:11px;
	text-align:left;
	border-bottom:1px solid #7854e0;
}


/* Msg View */
.msgView {
	width:320px;
	height:57px;
	border-top:2px solid #7f5c9b;
	border-bottom:1px solid #7f5c9b;
}
.msgView td.dt {
	width:100px;
	color:#7f5c9b;
	font-weight:bold;
	background:url(http://web1-softnyx.ktics.co.kr/image/latino/SBay/customer/view_tit_sp01.gif) 100px no-repeat;
	padding-left:10px;
}
.msgView td.tit {
	padding-left:10px;
}
.msgView td.date {
	width:220px;
	padding-left:10px;
}
.msgView td.ht {
	width:42px;
	color:#7f5c9b;
	font-weight:bold;
	background:url(http://web1-softnyx.ktics.co.kr/image/latino/SBay/customer/view_tit_sp01.gif) 8px no-repeat;
}

.msgCon {
	width:320px;
	height:auto;
	min-height:130px;
	_height:130px;
	background-color:#eeeeee;
}

.msgCon .txt{
	padding:10px;
	font-size:12px;
	color:#7a7a7a;
	line-height:18px;
}

/* Msg ViewTail */
.msgViewTail {
	width:320px;
	border-top:1px solid #7f5c9b;
	border-bottom:1px solid #7f5c9b;
}
.msgViewTail th {
	border-bottom:1px solid #b298c6;
	padding:10px 0 9px 10px;
	text-align:left;
}
.msgViewTail td {
	padding:5px 0 5px 10px;
	text-align:left;
	border-bottom:1px solid #b298c6;
}

/* Q&A List Style ********************************************************************/

.QNAList {
	border-collapse : collapse;
	height:auto;
	margin:0 auto;
	border-bottom:1px solid #7f5c9b;
}
.QNAList th {
	height:28px;
	padding:0;
	margin:0;
}
.QNAList td.ce {
	height:30px;
	padding:0;
	text-align:center;
	border-bottom:1px solid #b298c6;
}
.QNAList td.num {
	text-align:center;
	font-weight:bold;
}
.QNAList td.lt {
	padding-left:10px;
	border-bottom:1px solid #b298c6;
}
.QNAList td.sm {
	font-size:11px;
	text-align:center;
}

/* Q&A View ********************************************************************/
.QNAView {
	width:640px;
	height:57px;
	padding:5px 11px;
	margin-bottom:20px;
	background-color: #f4f4f4;
	border-bottom:1px solid #e2e2e2;
}
.QNAView td.dt {
	color:#666666;
	font-weight:bold;
	padding-left:10px;
}
.QNAView td.tit {
	color:#444444;
	font-weight:bold;
}
.QNAView td.cate {
	color:#888888;
	text-align:left;
}
.QNAView td.ht {
	color:#666666;
	font-weight:bold;
}
.QNAView td.hit {
	color:#888888;
	text-align:left;
}
.QNAView td.bt {
	color:#666666;
	font-weight:bold;
	text-align:center;
}
.QNAView td.date {
	font-size:11px;
	color:#888888;
	text-align:left;
}
.QNAView td.call {
	color:#666666;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:10px;
	letter-spacing:-1px;
}
.QNAView td.num {
	text-align:left;
	color:#888888;
	font-weight: normal;
	padding-bottom:5px;
}
.QNAView02 {
	height:auto;
	padding:0 15px 15px 15px;
	border-bottom:1px solid #b298c6;
	color:#999999;
}

/* Q&A ViewTail ********************************************************************/

.QNATail {
	border-collapse:collapse;
	width:640px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #f4f4f4;
	border-bottom:1px solid #b298c6;
}
.QNATail td.dt {
	color:#7f5c9b;
	font-weight:bold;
	padding-left:15px;
}
.QNATail td.ht {
	color:#666666;
	font-weight:bold;
	text-align:center;
}
.QNATail td.num {
	font-size:11px;
	color:#888888;
	font-weight: normal;
	text-align:left;
}
.QNATail td.feed {
	height:auto;
	padding:20px 15px 15px 15px;
	border-bottom:1px solid #e2e2e2;
	color:#999999;
}
.QNATail td.sop {
	text-align:right;
	background-color:#FFFFFF;
}
.QNATail table.calla {
	border-collapse:collapse;
	width:640px;
	padding-bottom:15px;

}
.QNATail table.calla td.qt {
	color:#7f5c9b;
	font-weight:bold;
	padding-left:15px;
}
.QNATail table.calla td.qq {
	padding-left:15px;
}


/* BBS View *************************************/
.BBSView {
	width:640px;
	height:57px;
	margin-left:13px;
	margin-bottom:20px;
	border-top:2px solid #7f5c9b;
	border-bottom:1px solid #7f5c9b;
}
.BBSView td.dt {
	width:100px;
	color:#7f5c9b;
	font-weight:bold;
	background:url(http://web1-softnyx.ktics.co.kr/image/latino/SBay/customer/view_tit_sp01.gif) 100px no-repeat;
	padding-left:10px;
}
.BBSView td.tit {
	padding-left:15px;
}
.BBSView td.date {
	width:490px;
	padding-left:15px;
}
.BBSView td.ht {
	width:42px;
	color:#7f5c9b;
	font-weight:bold;
	background:url(http://web1-softnyx.ktics.co.kr/image/latino/SBay/customer/view_tit_sp01.gif) 40px no-repeat;
}
.BBSView td.hit {
	width:42px;
	text-align:center;
}
.BBSView02 {
	height:auto;
	padding:20px 15px;
	margin-left:13px;
	border-bottom:1px solid #7f5c9b;
	color:#999999;
}

/* BBS ViewTail *************************************/
.BBSViewTail {
	border-collapse : collapse;
	width:640px; height:auto;
	border-bottom:1px solid #7f5c9b;
	margin-left:13px;
}
.BBSViewTail th {
	border-bottom:1px solid #b298c6;
	padding:10px 0 9px 10px;
	text-align:left;
}
.BBSViewTail td {
	border-bottom:1px solid #b298c6;
}

/* Button Style *************************************/
.btn_type1 {
	width:640px;
	text-align:right;
	margin-top:10px;
	margin-left:13px;
}

/* PageNumber Style ************************************/
div.pageNumber {width:640px; height:auto; margin:0 auto; padding-bottom:20px; margin-top:15px; color:#666666; }
div.pageNumber img.sp{margin:0 5px;}
div.pageNumber a {color:#666666;}
div.pageNumber a.bt {vertical-align:-2px; margin:0 2px;}
div.pageNumber a.btr {vertical-align:-2px; margin-left:5px;}


/* Mask ************************************/
#purchaseMask {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
	visibility: hidden;
}


/* Guide ************************************/

.guide {
	margin:0 auto;
	width:900px;
}
	.guide td {
		padding-left:20px;
		padding-bottom:20px;
	}
	.guide img {
		margin:5px 0 10px 0;
		padding:5px;
		border:1px solid #b298c6;
	}