﻿a { color: #a8a6a6; text-decoration:none; }
form { margin: 0px; display: inline; }
p { margin: 0px; font-family: "Gulim", "Dotum", "Tahoma"; }
ul, li { list-style: none; }

img { border: 0px; }
hr { margin: 0; padding: 0; color: #a8a6a6; border: dotted; border-bottom: 1px; height:0px; border-width: 1px; }

h3 {
	background: url('../images/bu_small.gif') no-repeat 0 50%;
	padding-left: 20px;
	font-weight:normal;
	text-align:left;
 	font-family: "Gulim"; color: #939191; font-size: 12px;
}

h4 {
	background: url('../images/bu_small.gif') no-repeat 0 50%;
	margin-left: 20px;
	padding:12px 0 10px 20px;
	font-weight:normal;
	text-align:left;
 	font-family: "Gulim"; color: #939191; font-size: 12px;
}

h6 {
	background: url('../images/ico_attention.gif') no-repeat 0 30%;
	margin-left: 20px;
	padding:10px 0 10px 10px;
	font-weight:normal;
	text-align:left;
 	font-family: "Gulim"; color: #939191; font-size: 12px;
}

.mainframe {
	position: relative; 
	width: 100%;
	text-align: center;	
}

.content {
	width: 972px;
    margin: 0px;
    padding: 0px;
	vertical-align: top;
    text-align: center;
}

.content_top { width: 592px; margin: 0px; padding: 0px; vertical-align: top; }
.content_left { width: 190px; margin: 0px; padding: 0px; vertical-align: top; }
.content_right { width: 190px; margin: 0px; padding: 0px; vertical-align: top; }

#content_policy{ width:592px; margin: 0px; vertical-align:top; border:0; color: #a8a6a6; font-size: 12px; }

.policy {
	text-indent:0;
    width: 500x;
	height:600px;
	overflow-y:auto;
	line-height:18px;
	color:#e7e7e7;	
    text-align: left;
}
.txt_gnb-event_white 	{ font-family: "Gulim"; color: #cbcbcb; font-size: 11px; line-height:16px;}
.txt_dgray_12, .tbl_login_error td	{ font-family: "Gulim"; color: #939191; font-size: 12px; }
.txt_lgray_12 	{ font-family: "Gulim"; color: #5b5a5a; font-size: 12px; }
.txt_lgray_12 b { color: #a8a6a6; }
.txt_lgray_12 a:hover { }
.txt_lgray_12 a:link, .txt_lgray_12 a:visited, .txt_lgray_12 a:active {
	color: #5b5a5a; text-decoration: none; }
.txt_lgray_12 span { padding: 0 5px 0 5px; }

.txt_lgray_11 	{ font-family: "Gulim"; color: #5b5a5a; font-size: 11px; }
.txt_lgray_11 b { color: #a8a6a6; }
.txt_lgray_11 a:hover { }
.txt_lgray_11 a:link, .txt_lgray_11 a:visited, .txt_lgray_11 a:active {
	color: #5b5a5a; text-decoration: none; }
.txt_lgray_11 span { padding: 0 5px 0 5px; }

.txt_num_11 	{ font-family: "Verdana"; color: #353535; font-size: 11px; }

.txt_dark_11, .txt_dark_11_line, .tbl_down_system {
	font-family: "Dotum"; color: #595858; font-size: 11px;
}
.txt_dark_11_line { line-height: 16px;}

.txt_white_11, .txt_white_11_bold, .agree_m, .tbl_down_system, .qna_system, .popup, .popup_input, .tbl_login_error th, .tbl_cert_sub, #pcspecxml {
	font-family: "Dotum"; color: #a8a6a6; font-size: 11px; 
}
.txt_white_11_bold 	{font-weight: bold;}

.txt_white_12, .txt_white_12_bold, .txt_white_12_over, .tbl_account, .tbl_account2, input.default, .qna th, .qna textarea, .popup_msg, .popup_search{
	font-family: "Gulim"; color: #a8a6a6; font-size: 12px; 
}
.txt_white_12 a:hover { }
.txt_white_12 a:link, .txt_white_12 a:visited, .txt_white_12 a:active {
    color: #a8a6a6;
    text-decoration: none;
}
.txt_white_12_bold 	{line-height: 18px; font-weight: bold;}
.txt_white_12_over {text-decoration: underline;}

.txt_white_15, .txt_white_15_bold	{ font-family: "Gulim"; color: #a8a6a6; font-size: 15px; line-height:1.3;}
.txt_red_11, .qna_system.text, .qna_system.hiddentext, #pcspecxml input{
	font-family: "Dotum"; color: #C54949; font-size: 11px;
}
.txt_red_11_over {
	font-family: "Dotum"; color: #C54949; font-size: 11px; text-decoration: underline;
}
.txt_red_12 	{ font-family: "Gulim"; color: #C54949; font-size: 12px; }
.txt_red_15, .modal_msg { font-family: "Gulim"; color: #C54949; font-size: 15px; }
.txt_white_15_bold {line-height: 18px; font-weight: bold;}
.txt_pink_12	{ font-family: "Gulim"; color: #e36262; font-size: 12px; }
.txt_yellow_11 { font-family: "Gulim"; color: #a86718; font-size: 11px; line-height:16px;}
.txt_yellow_11_bold { font-family: "Gulim"; color: #a86718; font-size: 11px; line-height:16px; font-weight: bold;}
.txt_green_11 { font-family: "Gulim"; color: #5cb9b1; font-size: 11px; line-height:16px;}
.txt_green_11_bold { font-family: "Gulim"; color: #5cb9b1; font-size: 11px; line-height:16px; font-weight: bold;}
.txt_item_11 	{ font-family: "Dotum"; color: #a8a6a6; font-size: 11px; }

.txt_yellow_11 { font-family: "Dotum"; color: #a86718; font-size: 11px; line-height:16px;}
.txt_yellow_11_bold { font-family: "Dotum"; color: #a86718; font-size: 11px; line-height:16px; font-weight: bold;}
.txt_green_11 { font-family: "Gulim"; color: #5cb9b1; font-size: 11px; line-height:16px;}
.txt_green_11_bold { font-family: "Gulim"; color: #5cb9b1; font-size: 11px; line-height:16px; font-weight: bold;}
.txt_item_11 	{ font-family: "Dotum"; color: #967b71; font-size: 11px; }

.txt_ostplay_point1	{ font-family: "Verdana"; color: #f8444d; font-size: 11px; }
.txt_ostplay   	{ font-family: "Dotum"; color: #787878; font-size: 11px; }
.txt_ostplay_over  	{ font-family: "Dotum"; color: #a65454; font-size: 11px; }

td.body_wrap { word-wrap: break-word; }
td.body_wrap, x:-moz-any-link { overflow: auto; }

td.char_desc { padding: 5px 0px 5px 10px; line-height: 16px; }

.board_anchor{
	text-align: center;
	width: 536px;
	padding: 20px 0px 20px 0px;
}

.board_anchor a, .board_anchor a:visited, .board_anchor a:active { color: #5b5a5a; }
.board_anchor a:hover { color: #a8a6a6; }

/* qna skin */
.qna th {
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
}
.qna td {
    text-align: left;
}
input.qna_text{
	padding-top: 4px; padding-left: 2px;
	border:1px solid #100e0f; 
	background-color:#FFFFFF; 
	background: url('../images/bg_inputboxbig.gif'); 
	height:14px; 
}
.qna textarea{
	padding:5px 0 0 0;
	background: url('../images/bg_inputboxbig.gif'); 
	width:468px; height:211px; border:1px solid #100e0f; padding-top:4px; padding-left: 2px;
}
.qna_system { background-color:#1c1c1c; }
.qna_system th{ width:52px; font-weight:normal; }

/* use download system */
.qna_system_view {
	padding: 20px 20px 20px 20px;
	background-color:#1c1c1c;
}

.hrline { margin: 0; padding: 0; color: #a8a6a6; border-bottom: 1px; height:0px; border-width: 1px; }
.dotline{
    height: 1px;
	background: url('../images/dotline.gif'); 
}
.modal_msg { 
	width:450px; 
	background-color:#353535; 
	position: relative; 
	display: none;
	margin:3px 3px 3px 3px;
	text-align:center;
	vertical-align:center;
}

.modal { 
	background-color:#353535; 
	position: relative; 
	display: none;
	margin:3px 3px 3px 3px;
	text-align:center;
	vertical-align:center;
}

/* account */
.tbl_account{ width:536px; background-color:#353535; }
.tbl_account th { background:#202020; font-weight: bold; text-align: left; width : 95px; padding:10px 0px 10px 10px; }
.tbl_account td { text-align:left; padding:10px 0px 10px 10px; border-bottom:1px solid #202020;}

.tbl_account2{ width:536px; background-color:#353535; border-top:1px solid #202020;}
.tbl_account2 th { width:115px; background:#202020; font-weight: bold; text-align: left; padding:10px 0px 10px 10px; }
.tbl_account2 td {text-align:left; padding:10px 0px 10px 10px; border-bottom:1px solid #202020;}

.account_chk_red{display:inline; width:268px; background:url(../images/ico_attention.gif) no-repeat 0 2px; vertical-align:middle; padding-left:11px; color:#C54949; font-size:11px; letter-spacing:-1px;}
.account_chk_blue{ width:268px; background:url(../images/ico_chk.gif) no-repeat 0 1px; vertical-align:middle; padding-left:12px; color:#47B1D0; font-size:11px; letter-spacing:-1px;}
#account_chk_notice{width:100%; height:18px; color:#949494; font-size:11px; letter-spacing:-1px; text-align:left;background:url(../images/bu_nopg_list3.gif) no-repeat 0 4px; padding: 0 0 0 5px;}
.account_chk_notice_r {color:#955757;}
#account_chk_important{line-height:1.2; height: 25px; color:#949494; font-size:11px; letter-spacing:-1px; text-align:left; background:url(../images/ico_x.gif) no-repeat 0 9px; padding: 6px 0 0 10px;}
.account_pass_info {color:#949494; line-height:1.5; padding-top:22px;}
.account_pass_info_r {color:#A53C3C;}

.tbl_cert_alert{
	width:516px;
	background-color:#353535; 
	padding:10px 10px 10px 10px;
	vertical-align:center;
	float:left;
}
/* agree policy */
.agree { text-align:left; width:536px; margin-bottom:20px; }
.agree h4 {height:100px; padding: 20px 0 20px 0; text-align: left;}
.agree_m {
	width:524px;
	height:100px;
	line-height:18px;
	text-align:left; 
	border: 2px solid black;
	padding:5px;
	background-color:#202020;
}	
.agree_m p { text-indent:0; width:524px; height:100px; overflow-y:auto; line-height:18px; color:#e7e7e7;}		
.agree_m2 { line-height:18px; overflow-y:auto; }
.agree_m2 ul {clear:left;}
.agree_m2 ul li {float:left; line-height:24px; height:24px; margin:15px 0px 0px 15px;}
.agree_check	{padding: 5px 0 10px 0; margin:0 0 0 430px; text-align:left;}
.agree_name { width:536px; vertical-align:middle; text-align: left; padding:0px 0px 0px 28px; height:33px; background: url('../images/bg_namebg.gif'); 
}

/* login error */
.tbl_login_error { width:289px; text-align:center; }
.tbl_login_error th { width:100px; text-align:right; padding:0px 0px 7px 0px; text-align:right; }
.tbl_login_error td { padding:0px 0px 7px 19px; }
.tbl_login_error input.id { width:195px; } 
.tbl_login_error input.text, input.id  { height:18px; background-color:#575757; border:1px solid #575757; padding-top: 4px; padding-left: 2px; }
.idsave { font-size: 11px; vertical-align: 3px; }

/* download system */
.tbl_down_system { width:536px; padding:10px 0 10px 0;}
.tbl_down_system tr { height:34px; }
.tbl_down_system th { background-color:#232323; text-align:center; }
.tbl_down_system td { background-color:#353535; text-align:center; }
.tbl_down_qna { width: 536px; background-color:#353535; 
	border:1px solid #1c1c1c; padding:1px; margin:1px;
}

#pcspecxml {
	background-color:#1c1c1c;
}
#pcspecxml input {
	width:358px;
	height:15px;
	border-color:#1c1c1c;
	background-color:#1c1c1c;
}

.tbl_down_pcagree {
	width: 536px; 
	text-align:left;
	background-color:#1c1c1c;
	border:1px solid #353535; padding:1px; margin:1px;
}

.tbl_gameinfo_system{
	border-top: 1px solid #2c211e;
	border-bottom: 2px solid #2c211e;
	background:#3a2c27;
}


/* certificate */
.tbl_cert_sub th {
	width:45px;
	padding: 0 5px 10px 0; 
	font-weight:normal;
}
.tbl_cert_sub td {
	text-align:left;
	vertical-align: top;
	padding-bottom: 10px; 
}

/* popup */
.popup{
	width:456px;
}
.popup_input{
    color: #a8a6a6;
    text-decoration: none;
	text-align:left;
	background-color:#252525; border:1px solid #252525; padding: 4px; 
	*height:20px;
}
.popup_msg{
	position: static;
	margin: 20px 20px 20px 20px;
	text-align: center;
	line-height: 160%;
}
.popup_search{
	position: static;
	margin: 20px 20px 20px 20px;
	text-align: center;
	background-color: #414141;
}
.popup_zip{ position: static; margin: 0 20px 0 20px; }
.popup_zip thead{ background-color: #242424; }

.multimedia_box{
	width:536px;
	height:281px;
	text-align:center;
	padding:12px 0 0px 0px;
	background-image: url('../images/bg_multi.gif');
    background-repeat: no-repeat;
}

.comboBox option
{
	color:#202020;
}

input.default {
    height:14px; 
    background-color:#252525; border:1px solid #252525; padding-top: 4px; padding-left: 2px;
}

input.login {
	background-color:#FFFFFF; border:1px solid #100e0f; padding-top: 4px; padding-left: 2px;
}

a.selectitem:hover,
a.selectitem:active,
a.selectitem:focus { background-color: #505050; color: #ffffff; }
a.selectitem { position: relative; display: block; padding-left: 15px; padding-top: 6px; height: 16px; background-color: #161616; color: #595858; }

a.mainlink:hover, 
a.mainlink:active,
a.mainlink:focus { color: #a8a6a6; }

img.hspace10 { margin-left: 10px; margin-right: 10px; }

#item_preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/*==================================
 * custom select
====================================*/
:focus {outline:none;}
.js ul.newList {left:-9999px;}

.select_100 ul.newList * {margin:0; padding:0;}
.select_100 ul.newList {margin:0; padding:0; list-style:none; color:#a8a6a6; width:98px; background:#101010; position:absolute;  border:1px solid #242223; top:22px; left:0; overflow:auto; z-index:9999;}
.select_100 .newListSelected {width:100px; color:#000; height:19px; padding:5px 0 0 6px; float:left; background:url(../images/bg_select_100.gif) no-repeat;}
.select_100 .newListSelected span {width:94px; display:block;}
.select_100 ul.newList li {padding:3px 8px;}
.select_100 .selectedTxt {width:68px; overflow:hidden; color: #a8a6a6; height:16px; padding:0 23px 0 0;}
.select_100 .hiLite {background:#650101!important; color:#fff!important;}
.select_100 .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.select_100 .newListSelHover, .newListSelFocus {cursor:default;}
.select_100 .newListOptionTitle {font-weight:bold;}
.select_100 .newListOptionTitle ul {margin:3px 0 0;}
.select_100 .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.select_200 ul.newList * {margin:0; padding:0;}
.select_200 ul.newList {margin:0; padding:0; list-style:none; color:#a8a6a6; width:198px; background:#101010; position:absolute;  border:1px solid #242223; top:22px; left:0; overflow:auto; z-index:9999;}
.select_200 .newListSelected {width:200px; color:#000; height:19px; padding:5px 0 0 6px; float:left; background:url(../images/bg_select_200.gif) no-repeat;}
.select_200 .newListSelected span {width:194px; display:block;}
.select_200 ul.newList li {padding:3px 8px;}
.select_200 .selectedTxt {width:168px; overflow:hidden; color: #a8a6a6; height:16px; padding:0 23px 0 0;}
.select_200 .hiLite {background:#650101!important; color:#fff!important;}
.select_200 .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.select_200 .newListSelHover, .newListSelFocus {cursor:default;}
.select_200 .newListOptionTitle {font-weight:bold;}
.select_200 .newListOptionTitle ul {margin:3px 0 0;}
.select_200 .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.select_300 ul.newList * {margin:0; padding:0;}
.select_300 ul.newList {margin:0; padding:0; list-style:none; color:#a8a6a6; width:98px; background:#101010; position:absolute;  border:1px solid #242223; top:22px; left:0; overflow:auto; z-index:9999;}
.select_300 .newListSelected {width:100px; color:#000; height:19px; padding:5px 0 0 6px; float:left; background:url(../images/bg_select_100.gif) no-repeat;}
.select_300 .newListSelected span {width:94px; display:block;}
.select_300 ul.newList li {padding:3px 8px;}
.select_300 .selectedTxt {width:108px; overflow:hidden; color: #a8a6a6; height:16px; padding:0 23px 0 0;}
.select_300 .hiLite {background:#650101!important; color:#fff!important;}
.select_300 .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.select_300 .newListSelHover, .newListSelFocus {cursor:default;}
.select_300 .newListOptionTitle {font-weight:bold;}
.select_300 .newListOptionTitle ul {margin:3px 0 0;}
.select_300 .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/* Select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#101010; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #242223; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:normal;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #242223;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #242223; border-left:1px solid #242223; background:#101010;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #101010; border-right:3px solid #101010;}
.select ul{ position:absolute; top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #242223; border-bottom:1px solid #242223; background:#101010; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #242223; border-right:1px solid #242223;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#101010; text-align: left;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#101010; text-decoration:none;}
.select li.hover *{ background:#999; color:#101010;}
.select li.checked * { background:#650101; color:#fff;}
/*==================================
 * custom select
====================================*/

/* 캐쉬 페이지 추가 //  김민우 */ 
.cash_bg {background:url(../images/bg_cash_text.gif) no-repeat 0 4px; height:44px; width:242px; margin-top:5px; text-align:center; padding: 3px 0 0 0;}
.cash_bg td{line-height:1.2; text-align:center; color:#939191;}
.cash_orange {color:#C58149; letter-spacing:-1px;}
.cash_orange img{vertical-align:top; padding: 2px 0 0 5px;}
