:root {
	--bg-color: #fff;
	/* 배경색상 */
	--focus-bg-color: #f8f8f8;
	/* 부각되는배경색 */
	--box-color: #c2c1c6;
	/* 박스선색상 */
	--reply-color: #1551a4;
	/* 댓글코맨스숫자색상 */
	--button-color: #fff;
	/* 일반버튼색상색상 */
	--button-border-color: #cecece;
	/* 일반버튼선색상색상 */
	--menu-hover: #eeeeee;
	/* 최상단메뉴버튼마우스올렸을때색상 */
	--board-line: #f0f0f0;
	/* 게시판 구분선색 */
	--board-line-bg: #fdfdfd;
	/* 게시판 게시물 배경 구분선색 */
	--board-bt-bg: #f1f1f1;
	/* 게시판 하단 기본버튼*/
	--board-bt-line: #d5d5d5;
	/* 게시판 하단 기본버튼 선색*/
	--board_write: #ff0000;
	/* 글쓰기버튼색상 */
	--board-search-line: #aaa;
	--board-search-submit: #eee;
	--board-comment-on-bg: #f9f9f9;
	--board-comment-replyname: #ebebeb;
	--board-comment-right-bar: #efefef;
	--chuon-base-border: #c9cdd6;
	/*기본츄온구분선색*/
	--menubar-border: #084da4;
	/* 메뉴바보드색상 */
	--menubar-hover: #0051b6;
	/* 메뉴 올릴때 */
	--blue-color: #0064e0;
	--blue-color-font: #fff;
	--blue-color-focus: #0064e0;
	--red-color: #ff0000;
	--red-alm-color: #ffc7c7;
	--blue-alm-color: #c7e3ff;
	--memo-hover: #383e4d;
	--memo-line: #dfdee2;
	--white-color: #ffffff;
	--color1: #333;
	/* 기본폰트색상 */
	--color2: #999;
	--color3: #000;
}

html.darkmode:root {
	--bg-color: #1e1f21;
	--focus-bg-color: #2d2e31;
	--box-color: #47494b;
	--reply-color: #4a94e1;
	--button-color: #3e4145;
	--button-border-color: #4c4f53;
	--menu-hover: #414245;
	--board-line: #252628;
	--board-line-bg: #202123;
	--board-bt-bg: #3e4145;
	--board-bt-line: #4c4f53;
	--board_write: #ff3700;
	--board-search-line: #4b4c4e;
	--board-search-submit: #353535;
	--board-comment-on-bg: #27282a;
	--board-comment-replyname: #202123;
	--board-comment-right-bar: #3a3b3d;
	--chuon-base-border: #606366;
	--menubar-border: #133868;
	/* 메뉴바보드색상 */
	--menubar-hover: #153d71;
	/* 메뉴 올릴때 */
	--blue-color: #1a4d8d;
	--blue-color-font: #e3e3e3;
	--blue-color-focus: #4a94e1;
	--red-color: #c13a3c;
	--red-alm-color: #c13a3c;
	--blue-alm-color: #376fb4;
	--memo-hover: #575c6c;
	--memo-line: #3a3b3d;
	--white-color: #d9d9d9;
	--color1: #d9d9d9;
	--color2: #ccc;
	--color3: #fff;
}

/* 다크모드 아이콘 관련*/
.g_icon_size {
	font-size: 10px;
}

.pointer {
	cursor: pointer;
}

.DL_base_color {
	color: var(--color1);
}

/* 최상단 css */

.m_top_base {

	width: 100%;
	background: #f8f8f8;
	;
	background: var(--focus-bg-color);

}

.m_top_base .text {

	width: 1000px;
	background: #f8f8f8;
	;
	background-color: var(--focus-bg-color);
	margin: 0px auto;
	text-align: right;

}

/* 기본셋팅 */
img {
	border: 0;
}

html {
	overflow-y: scroll;
}

body,
td,
input,
div,
form,
textarea,
select,
option,
button {
	color: #333;
	color: var(--color1);
	font-size: 12px;
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
}

@font-face {
	font-family: "symbola";
	src: url("/_common/Symbola.ttf") format("woff"),
		url("/_common/Symbola.ttf") format("opentype"),
		url("/_common/Symbola.ttf") format("truetype");
}

body,
ul,
li {
	font-size: 12px;
	font-family: dotum, Arial, Helvetica, sans-serif;
	line-height: 21px;
	text-align: left;
}

body,
select,
textarea {
	background: #fff;
	background: var(--bg-color);
}

input {
	background: #fff;
	background: var(--bg-color);
	border-color: #999;
	border-color: var(--color2);
}

td {
	line-height: 19px;
	margin: 0px;
}

a {
	outline: 0;
	cursor: pointer;
}

ul,
ol,
li,
pre {
	margin: 0;
	padding: 0;
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
}

ul {
	list-style-type: none;
}

/* 링크 색 */
a:link,
a:visited,
a:active {
	color: #333;
	color: var(--color1);
	text-decoration: none;
}

a:hover {
	color: #333;
	color: var(--color1);
	text-decoration: underline;
}

input[type=submit],
input[type=button] {
	cursor: pointer;
}

button {
	cursor: pointer;
}

.readchk a:visited {
	color: #888 !important;
}

.readchk a:visited .list_title {
	color: #888 !important;
}

a:visited .readchk {
	color: #888 !important;
}

/*메인박스관련*/
.main_box_focus {

	border: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);
	background: #f8f8f8;
	background: var(--focus-bg-color);

}

.main_box {

	border: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);

}

.white_font {
	color: white;
	color: var(--white-color);
}

.blue_font {
	color: #0058ff;
	color: var(--blue-color);
}

.mg_t5 {
	margin-top: 5px;
}

.mg_t10 {
	margin-top: 10px;
}

.mg_b5 {
	margin-bottom: 5px;
}

.mg_b10 {
	margin-bottom: 10px;
}

.mg_l5 {
	margin-left: 5px;
}

.mg_r5 {
	margin-right: 5px;
}

.mg_tb5 {
	margin: 5px 0;
}

.SlidMoveBtn {
	display: inline-block;
	padding: 0 10px 0 5px;
	width: 20px;
	height: 20px;
	background: var(--bg-color);
	border: 1px solid #ccc;
	border: 1px solid var(--box-color);
}

.wd_100 {
	width: 100%;
}

/* 기본선색상 */
.bline_f {
	border: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);
}

.bline_t {
	border-top: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);
}

.bline_r {
	border-right: 1px solid #c2c1c6;
	border-right: 1px solid var(--box-color);
}

.bline_b {
	border-bottom: 1px solid #c2c1c6;
	border-bottom: 1px solid var(--box-color);
}

.bline_l {
	border-left: 1px solid #c2c1c6;
	border-left: 1px solid var(--box-color);
}

/* 기본배경색상 */
.basebg {
	background: #f8f8f8;
	background: var(--focus-bg-color);
}

.out_side_ad1 {
	width: 160px;
	height: 600px;
	position: absolute;
	top: 400px;
	left: 50%;
	z-index: 100;
	margin: -287px 0 0 503px;
	-webkit-margin-before: -287px;
	-webkit-margin-end: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 507px;
}

/* 글줄임 */
.main_text {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	-webkit-box-orient: vertical;
	color: #333;
	color: var(--color1);
	padding: 0;
}

/* 글줄임 */
.ellipsis_3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	color: #333;
	color: var(--color1);
	padding: 0;
}

.ellipsis_2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
	color: #333;
	color: var(--color1);
	padding: 0;
}

.ellipsis_1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	-webkit-box-orient: vertical;
	color: #333;
	color: var(--color1);
	padding: 0;
}

/* 게시판 관련 */
.board_subject {
	table-layout: fixed;
	border-top: 2px solid #c0c0c0;
	border-bottom: 1px solid #b7b7b7;
	border-top: 2px solid var(--box-color);
	border-bottom: 1px solid var(--box-color);
}

.board_bmode {
	table-layout: fixed;
	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid var(--box-color);
}

.board_mode_set {
	width: 1000px;
	margin: 0px auto;
	background: #f5e9e9;
	padding: 2px 0;
	background: var(--focus-bg-color);
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid var(--box-color);
	border-top: 1px solid #e1e1e1;
	border-top: 1px solid var(--box-color);
}

.board_comment_bar {
	border-right: 5px solid #efefef;
	border-right: 5px solid var(--board-comment-right-bar);
}

.board_comment_on_bg {
	background: #f9f9f9;
	background: var(--board-comment-on-bg);
}

.board_blind {
	color: blue;
	color: var(--blue-color);
}

/* 게시판 검색 부분 */

.selectbox {
	position: relative;
	width: 80px;
	height: 26px;
	border: 2px solid #aaa;
	border: 2px solid var(--board-search-line);
	z-index: 1;
	margin-right: 3px;
}

/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {
	content: "";
	position: absolute;
	top: 45%;
	right: 5px;
	width: 0;
	height: 0;
	margin-top: -1px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #313131;
}

.selectbox label {
	position: absolute;
	top: 1px;
	/* 위치정렬 */
	left: 5px;
	/* 위치정렬 */
	padding: 4px 0;
	color: #333;
	color: var(--color1);
	z-index: -1;
	/* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
}

.selectbox select {
	width: 100%;
	height: auto;
	/* 높이 초기화 */
	line-height: normal;
	/* line-height 초기화 */
	font-family: inherit;
	/* 폰트 상속 */
	padding: 3px 5px;
	/* 여백과 높이 결정 */
	border: 0;
	opacity: 0;
	/* 숨기기 */
	filter: alpha(opacity=0);
	/* IE8 숨기기 */
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	background: var(--bg-color);
}

.box_window {
	display: inline-block;
	width: 165px;
	height: 26px;
	border: 2px solid #aaa;
	border: 2px solid var(--board-search-line);
}

.input_text {
	width: 161px;
	height: 22px;
	margin: 1px 0;
	border: 0;
	line-height: 13px;
	font-weight: bold;
	font-size: 13px;
	outline: none;
	background: #fff;
	background: var(--bg-color);
}

.sch_smit {
	width: 55px;
	height: 30px;
	margin: 0;
	border: 0;
	vertical-align: top;
	color: #333;
	color: var(--color1) font-weight: bold;
	border-radius: 1px;
	cursor: pointer;
	box-sizing: border-box;
	background: #eee;
	background: var(--board-search-submit);
	border: 2px solid #bbb;
	border: 2px solid var(--board-search-line);
}

/*베스트*/
.best_board_title {
	border-top: 2px solid #c0c0c0;
	border-top: 2px solid var(--box-color);
	border-bottom: 1px solid #b7b7b7;
	border-bottom: 1px solid var(--box-color);
	font-weight: bold;
	font-size: 11px;
}

.best_font {
	color: #303030;
	font-size: 1.15em;
	text-decoration: none;
	font-family: dotum, "돋움", Sans-serif
}

.best_fontsub {
	color: #777;
	font-size: 9pt;
	text-decoration: none;
	font-family: dotum, "돋움", Sans-serif
}

.best_td {
	padding: 7px 0;
}

.best_td_title {
	padding: 5px 0;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

.hb_head_wrap {
	display: flex;
	width: 1000px;
	margin: 0 auto;
	margin-top: 5px;
}

.hb_head_wrap .border {
	border-right: 1px solid #ddd;
	border-right: 1px solid var(--box-color);
}

.hb_head_base {
	font-size: 1.15em;
	font-family: dotum, "돋움", Sans-serif;
	flex: 1;
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-top: 1px solid var(--box-color);
}

.hb_head_on {
	font-weight: bold;
	background: #f3f3f3;
	background: var(--menu-hover);
}

/*주사위*/
.board_dice {
	color: #02a83c;
	font-weight: bold;
}

.board_mcb {
	color: #e60096;
	font-weight: bold;
}

/*츄온 관련*/

.cbs_head_price {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, dotum;
	width: 1000px;
	padding: 7px 0;
	background: #0064e0;
	background: var(--blue-color);
	color: #fff;
	color: var(--blue-color-font);
}

.blue_alm {
	width: 990px;
	margin: 5px 0;
	display: inline-block;
	padding: 5px 0;
	background: #0064e0;
	background: var(--blue-alm-color);
}

.red_alm {
	width: 990px;
	margin: 5px 0;
	display: inline-block;
	padding: 5px 0;
	background: #ffc7c7;
	background: var(--red-alm-color);
}

.uu_arrow:before {
	font-family: "symbola";
	font-style: normal;
	color: #f93345;
	font-size: 20px;
	font-weight: bold;
	content: '🡅';
}

.u_arrow:before {
	font-family: "symbola";
	font-style: normal;
	color: #f93345;
	font-size: 15px;
	content: '▲';
}

.dd_arrow:before {
	font-family: "symbola";
	font-style: normal;
	color: #1c8ff0;
	font-size: 20px;
	font-weight: bold;
	content: '🡇';
}

.d_arrow:before {
	font-family: "symbola";
	font-style: normal;
	color: #1c8ff0;
	font-size: 15px;
	content: '▼';
}

.n_arrow:before {
	font-family: "symbola";
	font-style: normal;
	font-size: 13px;
	content: '➖';
}

.rock_icon:before {
	font-family: "symbola";
	font-style: normal;
	font-size: 27px;
	content: '✊';
}

.paper_icon:before {
	font-family: "symbola";
	font-style: normal;
	font-size: 27px;
	content: '✋';
}

.scissors_icon:before {
	font-family: "symbola";
	font-style: normal;
	font-size: 27px;
	content: '✌';
}

/*유니크뽑기 관련*/
.u_rank_win {
	display: inline-block;
	font-size: 15px;
	color: white;
	background: #ff9900;
	margin-top: 5px;
	font-weight: bold;
	padding: 5px 10px;
}

.u_rank_fail {
	display: inline-block;
	font-size: 15px;
	color: white;
	background: #909598;
	margin-top: 5px;
	font-weight: bold;
	padding: 5px 10px;
}

.u_rank_ready {
	display: inline-block;
	font-size: 15px;
	color: white;
	background: #2087c7;
	margin-top: 5px;
	font-weight: bold;
	padding: 5px 10px;
}

.upnotice {
	font-size: 13px;
	background-color: #006cff;
	padding: 3px;
	font-weight: bold;
	color: white;
}

.upstate {
	width: 1000px;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 10px 0;
	background: #e7e9ee;
	background: var(--focus-bg-color);
	padding: 3px 0 3px 0;
	font-weight: bold;
	border: 1px solid #cdced2;
	border: 1px solid var(--box-color);
}

.upstate1 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 10px 0;
	background: #e7e9eebackground: var(--focus-bg-color);
	;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-top: 1px solid #cdced2;
	border-top: 1px solid var(--box-color);
	border-bottom: 1px solid #cdced2;
	border-bottom: 1px solid var(--box-color);
}

.wtype1 {
	width: 1000px;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 10px 0;
	background-color: #006cff;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-top: 1px solid #0052c1;
	border-bottom: 1px solid #0052c1;
	color: white;
}

.wtype2 {
	width: 1000px;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 10px 0;
	background-color: #379943;
	padding: 3px 0 3px 0;
	font-weight: bold;
	border-top: 1px solid #2a7834;
	border-bottom: 1px solid #2a7834;
	color: white;
}

.upend {
	width: 1000px;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 10px 0;
	background-color: #3b4349;
	padding: 10px 0 10px 0;
	font-weight: bold;
	border-top: 1px solid #cdced2;
	border-bottom: 1px solid #cdced2;
}


.upnotice1 {
	width: 1000px;
	font-size: 12px;
	line-height: 24px;
	background-: #e7e9ee;
	background: var(--focus-bg-color);
	padding: 5px 0 5px 10px;
	border: 1px solid #cdced2;
	border: 1px solid var(--box-color);
}

.upnotice {
	font-size: 13px;
	background-color: #006cff;
	padding: 3px;
	font-weight: bold;
	color: white;
}

.upb {
	font-family: dotum, 돋움;
	width: 150px;
	font-size: 17px;
	border-style: solid;
	border-width: 2px;
	border-color: #0049ac;
	background-color: #006cff;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	color: white;
	font-weight: bold;
}

.upcb {
	font-family: dotum, 돋움;
	width: 150px;
	font-size: 17px;
	border-style: solid;
	border-width: 2px;
	border-color: #222429;
	background-color: #393c42;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	color: white;
	font-weight: bold;
}

.updel {
	font-family: dotum, 돋움;
	width: 150px;
	font-size: 17px;
	border-style: solid;
	border-width: 2px;
	border-color: #ac0020;
	background-color: #ff0044;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	color: white;
	font-weight: bold;
}

.upresult {
	width: 320px;
	font-family: dotum, 돋움;
	font-size: 20px;
	line-height: 30px;
	background-color: #e7e9ee;
	padding: 3px;
	font-weight: bold;
	border: 1px solid #cdced2;
}

.up_main_up {
	position: absolute;
	z-index: 100;
	width: 194px;
	height: 35px;
	bottom: 0;
	font-family: tahoma, Verdana, Arial, dotum;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: transparent url("/charasys/auction/images/bg.png") 0px 0px;
	padding: 10px 3px 0 3px;
}

.up_main_up1 {
	position: absolute;
	z-index: 100;
	width: 194px;
	height: 35px;
	bottom: 0;
	font-family: tahoma, Verdana, Arial, dotum;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: transparent url("/charasys/auction/images/bg.png") 0px 0px;
	padding: 10px 3px 0 3px;
}

.wanted {
	position: absolute;
	z-index: 100;
	width: 149px;
	height: 35px;
	top: 0;
	font-family: tahoma, Verdana, Arial, dotum;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #000;
	padding: 10px 3px 0 3px;
	opacity: 0.8;
}

.up_main_up1 {
	position: absolute;
	z-index: 100;
	width: 149px;
	height: 65px;
	bottom: 0;
	text-align: center;
	background: transparent url("/charasys/auction/images/bg.png") 0px 0px;
	padding: 2px 3px 0 3px;
}

.up_main_up2 {
	position: absolute;
	z-index: 100;
	width: 149px;
	height: 45px;
	bottom: 0;
	text-align: center;
	background: transparent url("/charasys/auction/images/bg.png") 0px 0px;
	padding: 2px 3px 0 3px;
}

.up_auc_event {
	position: absolute;
	z-index: 100;
	width: 194px;
	height: 45px;
	bottom: 0;
	text-align: center;
	background: transparent url("/charasys/auction/images/bg.png") 0px 0px;
	padding: 2px 3px 0 3px;
}

.wfont_price {
	font-family: tahoma, Verdana, Arial, dotum;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.wfont_name {
	font-family: tahoma, Verdana, Arial, dotum;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.wfont_name a {
	color: #fff;
}

.name_target {
	display: inline-block;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chara_up_1 {
	font-family: dotum, 돋움;
	width: 150px;
	border-style: solid;
	border-width: 2px;
	border-color: #0049ac;
	background-color: #006cff;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}

.chara_up_2 {
	font-family: dotum, 돋움;
	width: 150px;
	border-style: solid;
	border-width: 2px;
	border-color: #165500;
	background-color: #259000;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}

.chara_up_3 {
	font-family: dotum, 돋움;
	width: 150px;
	border-style: solid;
	border-width: 2px;
	border-color: #7718ad;
	background-color: #9a21e0;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}

.chara_up_title {
	font-size: 17px;
	font-weight: bold;
	color: #ffea00;
}

.chara_up_sub {
	font-size: 11px;
	color: white;
}

.updown {
	font-family: dotum, 돋움;
	width: 160px;
	border-style: solid;
	border-width: 1px;
	border-color: #bd001b;
	background-color: #ff0024;
	padding: 5px;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.level_adv {
	font-family: dotum, 돋움;
	width: 165px;
	border-style: solid;
	border-width: 1px;
	border-color: #007e21;
	background-color: #09a227;
	padding: 5px;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.chuon_border_top {
	border-top: 1px solid #c9cdd6;
	border-top: 1px solid var(--chuon-base-border);
}

.chuon_border_left {
	border-left: 1px solid #c9cdd6;
	border-left: 1px solid var(--chuon-base-border);
}

.chuon_border_right {
	border-right: 1px solid #c9cdd6;
	border-right: 1px solid var(--chuon-base-border);
}

.chuon_border_bottom {
	border-bottom: 1px solid #c9cdd6;
	border-bottom: 1px solid var(--chuon-base-border);
}

.chuon_border_full {
	border: 1px solid #c9cdd6;
	border: 1px solid var(--chuon-base-border);
}

.chuon_padding_5x10 {
	padding: 5px 10px !important;
}

.aucmylist_menu {
	width: 983px;
	margin: 0px auto 0px auto;
	padding: 4px 0 4px 15px;
	border: 1px solid #cccccc;
	border: 1px solid var(--box-color);
	font-size: 11px
}

.aucmylist_sub_menu {
	width: 983px;
	margin: 0px auto 0px auto;
	padding: 4px 0 4px 15px;
	border: 1px solid #cccccc;
	border: 1px solid var(--box-color);
	border-top: 0;
	font-size: 11px
}

.aucmylist_del_menu {
	width: 275px;
	margin: 15px auto 0px auto;
	padding: 4px 0 4px 15px;
	border: 1px solid #cccccc;
	border: 1px solid var(--box-color);
	font-size: 11px
}

.mylist_button {
	margin: 0 1px;
	padding: 4px 2px;
	font-family: Arial, dotum;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.mylist_main {
	background: #006aec;
	border-radius: 4px;
	border: 1px solid #0049a2;
}

.mylist_base {
	background: #505968;
	border-radius: 4px;
	border: 1px solid #262a32;
}

.mylist_battleout {
	background: #44a619;
	border-radius: 4px;
	border: 1px solid #347e14;
}

.mylist_del {
	background: #fa4d27;
	border-radius: 4px;
	border: 1px solid #ac341a;
}

.mylist_good {
	background: #fa00b7;
	border-radius: 4px;
	border: 1px solid #b00081;
}

.mylist_extra {
	background: #c955de;
	border-radius: 4px;
	border: 1px solid #953fa5;
}

.mylist_notice {
	width: 1000px;
	background-color: #dc0651;
	padding: 3px 0;
	color: white;
	border: 3px solid #ac0741;
	box-sizing: border-box;
}

.mylist_unotice {
	width: 1000px;
	background-color: #e0a104;
	padding: 3px 0;
	color: white;
	border: 3px solid #ad7d04;
	box-sizing: border-box;
}


.chuon_off_border {
	border: 1px solid #969696;
	border: 1px solid var(--box-color);
}

.chuon_on_border {
	border: 5px solid #0090ff;
}

.chuon_base_box {
	background: #f9f9f9;
	background: var(--focus-bg-color);
	margin-bottom: 5px;
}

.bfav {
	padding: 3px 5px 1px 5px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #0064e0;
	border-style: solid;
	border-width: 1px;
	border-color: #0753b2;
	font-weight: bold;
}

.bfav1 {
	padding: 3px 5px 1px 5px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #75797f;
	border-style: solid;
	border-width: 1px;
	border-color: #4c5158;
	font-weight: bold;
}

.bbfav2 {
	border-bottom: 1px solid #c0c0c0;
	border-bottom: 1px solid var(--box-color);
}

.chuon_button {
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #cecece;
	border: 1px solid var(--button-border-color);
	padding: 5px;
}

.chuon_title {
	font-weight: bold;
	font-size: 11px;
}

/*난투극아이콘*/
.freeb_button {
	margin: 0 5px;
	padding: 3px 2px;
	font-family: Arial, dotum;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.freeb_point {
	background: #00b354;
	border-radius: 4px;
	border: 1px solid #00642f;
}

/* 게시판 댯굴 관련 */
.replayname {
	background: #ebebeb;
	background: var(--board-comment-replyname);
}

.rebutton {
	border: 1px solid #777;
	border-radius: 3px;
	padding: 3px 7px;
}

.reline {
	border-top: 1px solid #dfdfdf;
	border-top: 1px solid vaR(--box-color);
}

/*경매장평균가검색버튼 */
.auc_check_button {
	margin: 0 auto;
	width: 100px;
	display: block;
	font-family: Arial, dotum;
	font-size: 12px;
	background: #006aec;
	padding: 4px;
	border-radius: 4px;
	font-weight: bold;
	color: #fff;
}

.auc_icon_chara {
	font-size: 11px;
	padding: 3px;
	color: #fff;
	background: #f20051
}

.auc_icon_work {
	font-size: 11px;
	padding: 3px;
	color: #fff;
	background: #0073ff
}

.auc_icon_item {
	font-size: 11px;
	padding: 3px;
	color: #fff;
	background: #8f00c7
}

/*쪽지함*/
.memo_title {
	font-size: 11px;
	font-weight: bold;
}

.memo_border {
	background: #f0f0f0;
	background: var(--memo-line);
}

.memo_base {
	padding: 3px 7px;
	border-top: 1px solid #c2c1c6;
	border-top: 1px solid var(--box-color);
	border-bottom: 1px solid #c2c1c6;
	border-bottom: 1px solid var(--box-color);
}

.memo_menu_bottom {
	text-align: right;
	padding: 10px 10px;
}

.memo_focus_color {
	background: #f8f8f8;
	background: var(--focus-bg-color);
}

/*츄온*/

#CharaMenu {
	border: 2px solid #c2c1c6;
	border: 2px solid var(--box-color);
}

#CharaMenu td {
	border-right: 1px solid #c2c1c6;
	border-right: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	text-align: center;
	height: 30px;
}

#CharaMenu td.check-m {
	background-color: #383e4d;
	background-color: var(--memo-hover);
	font-weight: bold;
	text-align: center;
	height: 30px;
}

#CharaMenu td.check-m a {
	font-size: 11px;
	color: white;
}

#CharaMenu_charasys {
	border: 2px solid #c2c1c6;
	border: 2px solid var(--box-color);
}

#CharaMenu_charasys td {
	border-right: 1px solid #c2c1c6;
	border-right: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	text-align: center;
	width: 100px;
	height: 30px;
}

#CharaMenu_charasys td.check-m {
	background-color: #383e4d;
	background-color: var(--memo-hover);
	font-weight: bold;
	text-align: center;
	width: 100px;
	height: 30px;
}

#CharaMenu_charasys td.check-m1 {
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 300px;
}

#CharaMenu_charasys td.check-m a {
	font-size: 11px;
	color: white;
}

#base_menu_div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0;
}

#base_menu_div .start {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	border: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 100px;
}

#base_menu_div .middle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	border-top: 1px solid #c2c1c6;
	border-top: 1px solid var(--box-color);
	border-bottom: 1px solid #c2c1c6;
	border-bottom: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 100px;
}

#base_menu_div .end {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	border: 1px solid #c2c1c6;
	border: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 100px;
}

#base_menu_div .check-m {
	background-color: #383e4d;
	background-color: var(--memo-hover);
	font-weight: bold;
	text-align: center;
	width: 100px;
	height: 25px;
}

#base_menu_div .check-m1 {
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
}

#base_menu_div .check-m a {
	font-size: 11px;
	color: white;
}

#CharaMenu_charasys_div {
	display: flex;
	width: 1000px;
	text-align: center;
	align: center;
	border: 2px solid #c2c1c6;
	border: 2px solid var(--box-color);
}

#CharaMenu_charasys_div div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	border-right: 1px solid #c2c1c6;
	border-right: 1px solid var(--box-color);
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 100px;
}

#CharaMenu_charasys_div .check-m {
	background-color: #383e4d;
	background-color: var(--memo-hover);
	font-weight: bold;
	text-align: center;
	width: 100px;
	height: 30px;
}

#CharaMenu_charasys_div .check-m1 {
	background-color: #f6f6f6;
	background-color: var(--focus-bg-color);
	width: 300px;
}

#CharaMenu_charasys_div .check-m a {
	font-size: 11px;
	color: white;
}

#Index_rank {
	width: 100%;
	display: block;
	margin-top: 5px;
	padding-bottom: 5px;
	height: 280px;
	border-bottom: 1px solid #999;
	border-bottom: 1px solid var(--box-color);
}

#Index_rank .Rank {
	font-size: 15px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100%;
	float: left
}

#Index_rank .Baseinfo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 450px;
	height: 100%;
	float: left
}

#Index_rank .CardView {
	width: 450px;
	display: inline-block;
	float: left
}

#Index_rank ul.CardList {
	width: 100%;
	display: inline-block;
	list-style: none
}

#Index_rank ul.CardList li {
	font-size: 9px;
	width: 145px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	position: relative
}

#Index_rank ul.CardList .data {
	width: 100%;
	padding: 3px 0;
	border: 1px solid #999;
	border: 1px solid var(--box-color);
	text-align: center;
	color: #000;
	font-weight: bold;
	display: block;
	background: #e1e1e1;
	background: var(--focus-bg-color);
}

#Index_rank ul.CardList .CardImg {
	width: 147px;
	display: block
}

#CharaOrder {
	width: 870px;
	display: inline-block
}

#CharaOrder li {
	width: auto;
	display: inline-block;
	padding: 0 15px 0 10px;
	border-right: 1px solid #e1e1e1;
	border-right: 1px solid var(--box-color);
}

#CharaOrder li a {
	font-size: 11px
}

#CharaOrder li.check-r a {
	font-size: 11px;
	font-weight: bold;
}

#CharaMenuS {
	border-style: solid;
	border-width: 1px;
	border-color: #3a4150;
}

#CharaMenuS td {
	border-right: 1px solid #3a4150;
	background-color: #495164;
	width: 100px;
	text-align: center;
	height: 25px;
}

#CharaMenuS td.check-m {
	border-right: 1px solid #3a4150;
	background-color: #b60089;
	width: 100px;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

#CharaMenuS td a {
	font-size: 11px;
	color: white;
}

#CharaMenuS td.check-m a {
	font-size: 12px;
	color: white;
}

#CharaMenuS_div {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #3a4150;
}

#CharaMenuS_div div {
	border-right: 1px solid #3a4150;
	background-color: #495164;
	width: 100px;
	padding: 5px 0;
}

#CharaMenuS_div div.check-m {
	border-right: 1px solid #3a4150;
	background-color: #b60089;
	width: 100px;
	font-weight: bold;
	text-align: center;
}

#CharaMenuS_div div a {
	font-size: 11px;
	color: white;
}

#CharaMenuS_div div.check-m a {
	font-size: 12px;
	color: white;
}

#CharaMenuS_free {
	border-style: solid;
	border-width: 1px;
	border-color: #3a4150;
}

#CharaMenuS_free td {
	border-right: 1px solid #3a4150;
	background-color: #495164;
	text-align: center;
	height: 25px;
}

#CharaMenuS_free td.check-m {
	border-right: 1px solid #3a4150;
	background-color: #b60089;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

#CharaMenuS_free td a {
	font-size: 11px;
	color: white;
}

#CharaMenuS_free td.check-m a {
	font-size: 12px;
	color: white;
}

#CharaMenuSS td {
	border-bottom: 1px solid #3a4150;
	width: 70px;
	text-align: center;
	height: 25px;
}

#CharaMenuSS td.check-m {
	border-bottom: 1px solid #3a4150;
	width: 70px;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

#CharaMenuSS td a {
	font-size: 11px;
}

#CharaMenuSS td.check-m a {
	font-size: 12px;
}

#CharaMenuS_wish {
	border-style: solid;
	border-width: 1px;
	border-color: #3a4150;
}

#CharaMenuS_wish td {
	border-right: 1px solid #3a4150;
	background-color: #495164;
	text-align: center;
	height: 35px;
}

#CharaMenuS_wish td.check-m {
	border-right: 1px solid #3a4150;
	background-color: #b60089;
	font-weight: bold;
	text-align: center;
	height: 25px;
}

#CharaMenuS_wish td a {
	font-size: 11px;
	color: white;
}

#CharaMenuS_wish td.check-m a {
	font-size: 12px;
	color: white;
}

.btnCag {
	width: auto;
	height: auto;
	padding: 2px 8px;
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #cecece;
	border: 1px solid var(--button-border-color);
	border-radius: 4px;
	margin: 0 10px 3px 0;
	display: inline-block
}

.btnCag.active {
	background: #f26202;
	font-weight: bold;
	color: #fff
}

.btnCag1 {
	width: auto;
	height: auto;
	padding: 2px 8px;
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #cecece;
	border: 1px solid var(--button-border-color);
	border-radius: 3px;
	margin: 0 7px 3px 0;
	display: inline-block
}

.btnCag1.active {
	background: #000;
	font-weight: bold;
	color: #fff;
}

.btnCag2.active {
	width: auto;
	height: auto;
	padding: 2px 8px;
	border: 2px solid #0048a1;
	border-radius: 3px;
	background: #026df2;
	display: inline-block;
	color: #fff
}

.btnCaglike {
	width: auto;
	height: auto;
	padding: 2px 8px;
	border: 2px solid #c0007f;
	border-radius: 3px;
	background: #ff00a8;
	display: inline-block;
}

.btnCaglike a {
	font-size: 13px;
	font-weight: bold;
	color: white;
}

#delmenu {
	width: 275px;
	display: inline-block
}

#delmenu li {
	width: auto;
	display: inline-block;
	padding: 0 15px 0 10px;
}

#delmenu li a {
	font-size: 11px;
	font-weight: bold;
}

.delmenu-r {
	border-right: 1px solid #e1e1e1;
	border-right: 1px solid var(--box-color);
}

.warning_i {
	color: white;
	background-color: red;
	padding: 2px 3px;
}

/* 게시판 버튼 부분 */
.board_base_button {
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #d5d5d5;
	border: 1px solid var(--board-bt-line);
	padding: 3px 5px;
	font-size: 11px;
}

.board_base_span {
	background: #f1f1f1;
	background: var(--board-bt-bg);
	border: 1px solid #d5d5d5;
	border: 1px solid var(--board-bt-line);
	padding: 4px 6px;
	font-size: 11px;
}

.write_font {
	color: red;
	color: var(--board_write)
}

/*게시판 추천부분*/
.vote_base {
	display: flex;
	justify-content: center;
}

.vote_re_icon {
	border-radius: 3px;
	background-color: #148df4;
	background: var(--blue-color);
	color: #fff;
	border: 1px solid #0b66b3;
	padding: 7px 15px;
	margin: 0 3px;
}

.vote_re_str {
	padding: 0 5px;
	color: #fff;
	margin-right: 5px;
	font-weight: bold;
	cursor: pointer;
}

.vote_re_nor {
	padding: 0 7px;
	color: #fff;
	margin: 0 5px;
	font-weight: bold;
	cursor: pointer;
}

.vote_side {
	color: #fff;
}

.vote_re_no {
	border-radius: 3px;
	background-color: #5a5f68;
	color: #fff;
	border: 1px solid #3e434a;
	padding: 7px 15px;
	margin: 0 3px;
	cursor: pointer;
}

.vote_re_report {
	border-radius: 3px;
	background: #ef194c;
	background: var(--red-color);
	color: #fff;
	border: 1px solid #b00d33;
	padding: 7px 15px;
	margin: 0 3px;
	cursor: pointer;
}

/* 페이지 부분 */
.page_wrap {
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin: 5px 0;
}

.page_box {
	display: table;
	float: left;
	margin: 0px 2px;
	background: #fbfbfb;
	background: var(--focus-bg-color);
}

.page_box>.page_on {

	border: 1px solid #005dc7;
	width: 32px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background: #0073ff;
	background: var(--blue-color);
	word-break: break-all;
	font-size: 11px;
}

.page_box>.page_off {

	border: 1px solid #d3d3d3;
	border: 1px solid var(--box-color);
	width: 32px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	word-break: break-all;
	font-size: 11px;
}

.page_box>.page_pn {

	border: 1px solid #d3d3d3;
	border: 1px solid var(--box-color);
	width: 23px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	word-break: break-all;
	font-size: 11px;
}

.page_box>.page_pnl {

	border: 1px solid #d3d3d3;
	border: 1px solid var(--box-color);
	width: 50px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	word-break: break-all;
	font-size: 11px;
}

/* 규칙 관련 */

#rule_vi {
	width: 100%;
	height: 100%;
	max-width: 420px;
	max-height: 335px;
	display: block;
	margin: 100px auto 0 auto;
	background: #fff;
	border: 1px solid #ccc;
	padding: 25px;
}

#rule_vi h1 {
	font-weight: bolder;
	font-size: 18px
}

#rule_vi .content_wrap {
	margin: 5px;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #e1e1e1;
	padding: 10px
}

#rule_vi .btn_area button {
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	background: #47ef63;
	border: 1px solid #ccc;
	font-weight: bolder;
	margin-top: 10px;
}

#rule_vi small {
	font-size: 0.9em
}

/* 게시판 디비정보부분 */

.board_db_base {
	display: flex;
	flex-flow: wrap;
	width: 1000px;
	margin-bottom: 10px;
}

.board_db_title {
	width: 100%;
	background: #e8e8e8;
	background: var(--focus-bg-color);
	margin: 5px 0;
	padding: 2px 5px;
	font-weight: bold;
}

.board_db_box {
	display: flex;
	flex-flow: nowrap;
	width: 30%;
	margin-right: 5px;
	align-items: center;
	border: 1px solid #d2d2d2;
	border: 1px solid var(--box-color);
	cursor: pointer;
}

/* 게시판 상단 인기글 부분 */
.hits {
	width: 1000px;
	height: auto;
	border: solid 1px #006aec;
	border: solid 1px var(--blue-color);
}

.hits_icon {
	font-size: 12px;
	background: #006aec;
	background: var(--blue-color);
	padding: 4px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}

#container {
	display: flex;
	width: 1000px;
	padding: 6px 0;

}

#box-left {
	width: 70px;
	text-align: right;
}

#box-center {
	flex: 1;
	text-align: left;
	margin-left: 20px;
}

#box-right {
	width: 50px;
	text-align: center;
}

#box-right1 {
	width: 100px;
	text-align: center;
}

#hit-over {
	padding: 4px 25px;
	border-bottom: solid 1px #c2c1c6;
	border-bottom: solid 1px var(--box-color);
}

.hit-over-line {
	border-top: solid 1px #c2c1c6;
	border-top: solid 1px var(--box-color);
}

.top-button-on {
	margin: 0 auto;
	width: 40px;
	display: none;
	font-family: Arial, dotum;
	font-size: 12px;
	background: #006aec;
	background: var(--blue-color);
	padding: 1px;
	border-radius: 4px;
	font-weight: bold;
}

.top-button-off {
	margin: 0 auto;
	width: 40px;
	display: block;
	font-family: Arial, dotum;
	font-size: 12px;
	background: #006aec;
	background: var(--blue-color);
	padding: 1px;
	border-radius: 4px;
	font-weight: bold;
}

.top-button-extra {
	margin: 0 auto;
	width: 90px;
	display: block;
	font-family: Arial, dotum;
	font-size: 12px;
	background: #006aec;
	background: var(--blue-color);
	padding: 1px;
	border-radius: 4px;
	font-weight: bold;
}

.top-button-out {
	margin: 0 auto;
	width: 90px;
	display: block;
	font-family: Arial, dotum;
	font-size: 12px;
	background: #666;
	padding: 1px;
	border-radius: 4px;
	font-weight: bold;
}

/* 스포일러아이콘 */

.board_spo {
	margin: 0 auto;
	width: 40px;
	color: #fff;
	font-family: Arial, dotum;
	font-size: 11px;
	background: #ff3c00;
	background: var(--red-color);
	border: 1px solid #b02900;
	padding: 2px;
	border-radius: 2px;
	font-weight: bold;
}


/* 알람 */

.alarm_base {
	display: flex;
	flex-flow: nowrap;
	padding-right: 10px;
}

.alarm_count {
	font-family: Arial, dotum;
	font-size: 12px;
	background: red;
	background: var(--red-color);
	padding: 0 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}

.alarm_notice {
	width: 100%;
	color: #fff;
	background: #0088ff;
	background: var(--blue-color);
	padding: 3px 0;
}

.alarm_notice .icon {
	background-color: red;
	background: var(--red-color);
	font-weight: bold;
	padding: 0 3px;
}

.alarm_border {
	border-bottom: 1px solid #dadada;
	border-bottom: 1px solid var(--box-color);
	padding: 5px 0 2px 0;
}

/* 테스트 */
.fun_button {
	background-color: #2071fb;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #ffffff;
	font-weight: bold;
	padding: 7px;
}

.submenu {
	letter-spacing: -1px;
	BACKGROUND: #f3f3f4;
	background: var(--button-color);
	border: 1px solid #cecece;
	border: 1px solid var(--button-border-color);
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}

.submenu1 {
	font-size: 11px;
	font-family: sans-serif, Verdana, Arial, dotum;
	font-weight: bold;
}

/* 기본 */
.out_side_ad {
	width: 160px;
	height: 600px;
	position: absolute;
	top: 400px;
	left: 50%;
	z-index: 100;
	margin: -318px 0 0 501px;
}

.mfont {
	font-family: dotum, AppleGothic;
}

.img {
	vertical-align: top;
	border: 0;
}

.best1 {
	border-top: 2px solid #c0c0c0;
	border-bottom: 1px solid #b7b7b7;
}

.best2 {
	border-bottom: 1px solid #e5e5e5;
	border-bottom: 1px solid var(--board-line);
}

.best3 {
	border-bottom: 3px solid #999;
}

.font11 {
	font-size: 11px;
	font-family: dotum, AppleGothic;
}

.font12 {
	font-size: 12px;
	font-family: dotum, AppleGothic;
}

.dot {
	background: transparent url("/images/dot.gif") 0px 0px no-repeat;
}

.aa {
	font-size: 9pt;
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
}

.aa1 {
	font-size: 8pt;
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
}

.bb {
	font-size: 7pt;
	font-family: tahoma, AppleGothic, Verdana, Arial, dotum;
	color: #1551a4;
	color: var(--reply-color)
}

.bb1 {
	font-size: 8pt;
	font-family: tahoma, AppleGothic, Verdana, Arial, dotum;
	color: #1551a4;
	color: var(--reply-color)
}

.cc {
	height: 1px;
}

.strike {
	text-decoration: line-through;
}

div.demolayout {
	width: 100%;
}

ul.demolayout {
	list-style-type: none;
	width: 100%;
	float: left;
}

ul.demolayout li {
	margin: 0 0 0 0;
	float: left;
	font-size: 11px;
	font-family: dotum, AppleGothic;
	letter-spacing: -1pt;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 1px 3px 0px 0px;
	text-decoration: none;
}

ul.demolayout a.active {
	color: #2071fb;
}

.tabs-container .box {

	border: 1px solid #c2c1c6;
	;
	border: 1px solid var(--box-color);
	box-sizing: border-box;
}

.tabs-container {
	clear: left;
	padding: 0px 0px 0px 0px;
}

/* 테스트 부분 */

.ft_bottom {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #d8d8d8;
}

.ft_button {
	font-size: 13px;
	background-color: #2071fb;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
}

.ft_ex {
	font-size: 11px;
	color: #48536e;
}

.ft_blur {
	width: 250px;
	height: 25px;
	padding: 6px;
	border: 4px solid #CCCCCC;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	font-family: '돋움', dotum, sans-serif;
}

.ft_focus {
	width: 250px;
	height: 25px;
	padding: 6px;
	border: 4px solid #0072ff;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	font-family: '돋움', dotum, sans-serif;
}

.ft_submit {
	font-size: 15px;
	background-color: #2071fb;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #ffffff;
	font-weight: bold;
	padding: 13px;
}

.ft_e {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	width: 1000px;
	text-align: center;
	margin: 0px auto;
}

.ft_eb {
	border: 1px solid #CCCCCC;
}

/* 검색 부분 */

.se_button {
	width: 33px;
	height: 32px;
	background: #0058ff;
	background: var(--blue-color);
	border: 0px;
}

.se_icon_size {
	font-size: 18px;
	color: #fff;
}

.se_blur {
	width: 300px;
	height: 18px;
	padding: 6px;
	border: 1px solid #006dff;
	border: 1px solid var(--blue-color);
	background-color: var(--bg-color);
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	font-family: '돋움', dotum, sans-serif;
}

.se_focus {
	width: 300px;
	height: 18px;
	padding: 6px;
	border: 1px solid #005bcc;
	border: 1px solid var(--blue-color);
	background-color: var(--bg-color);
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	font-family: '돋움', dotum, sans-serif;
}

/* 게시판 상단 게이지 부분 */
.board_exp_wrap {
	position: relative;
	width: 250px;
	background: #a7a7a7;
	height: 23px;
}

.board_exp_gauge {
	position: absolute;
	background: #1d6fea;
	height: 23px;
}

.board_ext_title {
	position: absolute;
	font-weight: bold;
	padding: 2px 0 0 5px;
	color: #fff;
	font-family: tahoma, Verdana;
	font-size: 11px;
}

/* 캐릭터관련 */
.cha_main {
	position: relative;
}

.cha_main_up {
	position: absolute;
	left: 16px;
	bottom: 4px;
	width: 60px;
	font-family: tahoma, AppleGothic, Verdana, Arial, dotum;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

.new_cha_main_up {
	position: absolute;
	background-color: transparent !important;
	left: 16px;
	bottom: 3px;
	width: 100px;
	font-family: tahoma, AppleGothic, Verdana, Arial, dotum;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

.bcha_main {
	position: relative;
}

.bcha_main_up {
	position: absolute;
	left: 16px;
	bottom: 4px;
	width: 60px;
	font-family: tahoma, AppleGothic, Verdana, Arial, dotum;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

.battle1 {
	border-bottom: 2px solid #535a63;
}

.bname {
	font-family: dotum, 돋움, AppleGothic;
	font-size: 11px;
}

.bname1 {
	font-family: dotum, 돋움, AppleGothic;
	font-size: 11px;
	letter-spacing: -1px;
}

.bname2 {
	BACKGROUND-COLOR: #ff0000;
	FONT-FAMILY: 돋움, dotum, AppleGothic;
	COLOR: #ffffff;
	FONT-SIZE: 10pt
}

.bnum {
	font-family: tahoma, Verdana, Arial, dotum, AppleGothic;
	font-size: 11px;
}

.bnum1 {
	font-family: tahoma, Verdana, Arial, dotum, AppleGothic;
	font-size: 11px;
	color: #fff;
}

.dbutton {
	border: 1px solid #202429;
	background-color: #f0f0f0;
	display: inline;
	font-family: dotum, tahoma, AppleGothic;
	font-size: 11px;
	padding: 4px 0 3px 0;
	width: 155px;
}

.chara a:link {
	color: #fff;
	text-decoration: none;
}

.chara a:visited {
	color: #fff;
	text-decoration: none;
}

.chara a:active {
	color: #fff;
	text-decoration: none;
}

.chara a:hover {
	color: #fff;
	text-decoration: underline;
}

#fade {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 999;
}

#qTip {
	padding: 3px;
	border: 1px solid #444;
	display: none;
	background: #666;
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
}

.popup_block {
	display: none;
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;

	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup_block1 {
	display: none;
	height: 650px;
	background: #f2f2f2;
	padding: 20px;
	border: 2px solid #404040;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;

	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	z-index: 99999;
}

img.btn_close1 {
	float: right;
	margin: -42px -42px 0 0;
	z-index: 99999;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}

*html .popup_block {
	position: absolute;
}

/* 애스닥 */
.asname {
	font-family: dotum, AppleGothic;
	font-size: 11px;
}

.astd {
	height: 25px;
	text-align: center;
	padding: 2px 0 0 0;
}

.astd1 {
	border-top: 1px solid #d3d3d3;
	padding: 4px 0 4px 0;
	text-align: center;
}

/* 서브메뉴-이미지/개인공간 */

.menuf {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 11px;
	color: #6d6d70;
	padding: 0 0 0 7px;
	vertical-align: top;
}

.menufm {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 11px;
	color: #2f3743;
	font-weight: bold;
	padding: 0 0 0 7px;
}

.nmenuf {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 12px;
	color: #6d6d70;
	vertical-align: top;
	border-bottom: solid 1px #c1c1c1;
	padding: 0 0 10px 5px;
	line-height: 20px;
}

.nmenufe {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 12px;
	color: #6d6d70;
	vertical-align: top;
	padding: 0 0 10px 5px;
	line-height: 20px;
}

.nmenufm {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 12px;
	color: #2f3743;
	font-weight: bold;
	padding: 10px 0 0 5px;
	line-height: 20px;
}

.nmenufo {
	font-family: dotum, AppleGothic, tahoma, Verdana, Arial;
	font-size: 14px;
	color: #2f3743;
	font-weight: bold;
	border-bottom: solid 1px #c1c1c1;
	padding: 10px 0 10px 5px;
	line-height: 20px;
}


/* 디비관련 */

.number {
	font-size: 10px;
	font-family: tahoma, AppleGothic;
}

.number1 {
	font-size: 12px;
	font-family: tahoma, AppleGothic;
}

.dbnumber {
	font-size: 30px;
	font-family: tahoma, AppleGothic;
	FONT-WEIGHT: bold;
	line-height: 20px
}

.dbnumber1 {
	font-size: 11px;
	font-family: tahoma, AppleGothic;
	padding-left: 12px
}

.dbnumber2 {
	font-size: 23px;
	font-family: tahoma, AppleGothic;
	FONT-WEIGHT: bold;
	line-height: 20px;
	color: #32384a;
}

.allow {
	background: transparent url("/images/allow.gif") 0px 0px no-repeat
}

.allowup {
	background-position: -6px -7px;
}

.allowdown {
	background-position: -6px -38px;
}

.allowm {
	background-position: -4px -68px;
}

.ablibar {
	background: transparent url("/images/ablibar.gif") 0px 0px no-repeat;
}

.ablibar1 {
	background: transparent url("/images/ablibar1.gif") 0px 0px no-repeat;
}

.ablifont {
	font-size: 10px;
	font-family: tahoma, AppleGothic;
	padding-left: 215px;
	vertical-align: top;
}

.ablifont1 {
	font-size: 15px;
	font-family: tahoma, AppleGothic;
	border-bottom: solid 1px #6b6d70;
}

.ablifont2 {
	font-size: 11px;
	font-family: dotum, AppleGothic;
}

.ablifont3 {
	font-size: 10px;
	font-family: tahoma, AppleGothic;
	word-spacing: -1px;
	width: 42px
}

.ablifont4 {
	font-size: 18px;
	font-family: tahoma, AppleGothic;
	color: #2f3743;
	border-bottom: solid 1px #6b6d70;
}

.ablifont5 {
	font-size: 11px;
	font-family: dotum, AppleGothic;
	color: #aeaeae;
}

.dbfont1 {
	font-size: 11px;
	font-family: dotum, AppleGothic;
}

.dbfont2 {
	font-size: 12px;
	font-family: dotum, AppleGothic;
	color: #ffffff;
	text-align: center;
}

.nonunder a:hover {
	text-decoration: none;
}

.topbutton {
	background-color: #2071fb;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #ffffff;
	font-weight: bold;
	padding: 7px;
}

.topbutton0 {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #000000;
	font-weight: bold;
	padding: 7px;
}

.topbutton1 {
	font-size: 11px;
	background-color: #2071fb;
	border-style: solid;
	border-width: 1px;
	border-color: #144eb1;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
}

/* 로그인 부분 */

.sm {
	font-family: tahoma, AppleGothic;
	font-size: 7pt;
}

.style2 {
	font-size: 12px;
}

.style4 {
	font-size: 12px;
	color: #666666;
}

.id_blur {
	font-size: 12px;
	font-family: tahoma, AppleGothic;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	background: transparent url("/zboard/outlogin_skin/rclogin/login_bg.gif") 0px 1px no-repeat
}

.id_focus {
	font-size: 12px;
	font-family: tahoma, AppleGothic;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	color: #2e3239
}

.pw_blur {
	font-size: 12px;
	font-family: tahoma, AppleGothic;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	background: transparent url("/zboard/outlogin_skin/rclogin/login_bg.gif") 0px -27px no-repeat
}

.pw_focus {
	font-size: 12px;
	font-family: tahoma, AppleGothic;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 20px;
	width: 150px;
	color: #2e3239
}

.sublogin {
	letter-spacing: -1px;
	BACKGROUND: #ffffff;
	background: var(--button-color);
	border: 1px solid #CACACA;
	border: 1px solid var(--box-color);
}

.selmenu_color {
	background: #fff;
	background: var(--bg-color);
	color: #333;
	color: var(--color1);
}

/* 글쓰기-박스관련 */

.bfav {
	padding: 3px 5px 1px 5px;
	letter-spacing: -1px;
	BACKGROUND: #0064e0;
	BACKGROUND: var(--blue-color);
	border-style: solid;
	border-width: 1px;
	border-color: #0753b2;
	color: #ffffff;
	font-weight: bold;
}

.bfav1 {
	padding: 3px 5px 1px 5px;
	letter-spacing: -1px;
	BACKGROUND: #75797f;
	border-style: solid;
	border-width: 1px;
	border-color: #4c5158;
	color: #ffffff;
	font-weight: bold;
}

.bfav2 {
	padding: 2px 3px 0px 3px;
	letter-spacing: -1px;
	BACKGROUND: #3865cd;
	BACKGROUND: var(--blue-color);
	border-style: solid;
	border-width: 1px;
	border-color: #204aac;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

/* VIP */

.vip4 {
	padding: 2px 3px 0px 3px;
	margin-right: 3px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #D4AF37;
	border-style: solid;
	border-width: 1px;
	border-color: #9f7f19;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.vip3 {
	padding: 2px 3px 0px 3px;
	margin-right: 3px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #d43749;
	border-style: solid;
	border-width: 1px;
	border-color: #9f1a29;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.vip2 {
	padding: 2px 3px 0px 3px;
	margin-right: 3px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #376bd4;
	border-style: solid;
	border-width: 1px;
	border-color: #1a469f;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.vip1 {
	padding: 2px 3px 0px 3px;
	margin-right: 3px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #27ba2e;
	border-style: solid;
	border-width: 1px;
	border-color: #0b8110;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.vip0 {
	padding: 2px 3px 0px 3px;
	margin-right: 3px;
	letter-spacing: -1px;
	BACKGROUND-COLOR: #6e6e6e;
	border-style: solid;
	border-width: 1px;
	border-color: #2e2e2e;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

#battlebox {
	font-family: dotum, AppleGothic, tahoma;
	font-size: 11px;
	text-align: left;
	width: 140px;
	padding: 0px;
	overflow: hidden;
	word-break: break-all;
	text-align: center;
}

.submitcmt {
	height: 100px;
	width: 90px;
	border: 1px solid #666;
	border: 1px solid var(--button-border-color);
	background: #f0f0f0;
	background: var(--board-bt-bg);
	cursor: pointer;
}

.nsubmitcmt {
	height: 50px;
	width: 120px;
	border: 1px solid #cecece;
	border: 1px solid var(--button-border-color);
	background: #f1f1f1;
	background: var(--board-bt-bg);
	cursor: pointer;
	font-weight: bold;
}

.submitcmt1 {
	height: 100px;
	border: 1px solid #666;
	cursor: pointer;
}

.submitcmt0 {
	padding: 2px 0 0 0;
	height: 16px;
	border: 1px solid #666;
	cursor: pointer;
}


/* 게시판 추천버튼 */
.photo_main {
	position: relative;
}

.photo_main_up {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100px;
	color: #ffffff;
	text-align: center;
}

/* 메뉴 스프라이트 css */

.mainst {
	background: url("/images/mainst.gif?V=180724") no-repeat top left;
}

.sprite-chasys {
	background-position: 10px 5px;
	width: 72px;
	height: 12px;
}

.sprite-churank {
	background-position: 0 -62px;
	width: 41px;
	height: 12px;
}

.sprite-mainc3 {
	BACKGROUND-COLOR: #fafafa;
	background-position: 10px -119px;
	width: 41px;
	height: 12px;
}

.sprite-nmain1 {
	background-position: 10px -180px;
	width: 87px;
	height: 12px;
}

.sprite-nmain11 {
	background-position: 13px -241px;
	width: 42px;
	height: 12px;
}

.sprite-nmain12 {
	background-position: 10px -303px;
	width: 87px;
	height: 12px;
}

.sprite-nmain12-2 {
	background-position: 10px -326px;
	width: 87px;
	height: 12px;
}

.sprite-nmain13 {
	background-position: 0 -369px;
	width: 52px;
	height: 12px;
}

.sprite-nmain14 {
	background-position: 13px -427px;
	width: 67px;
	height: 12px;
}

.sprite-nmain15 {
	background-position: 2px -490px;
	width: 30px;
	height: 12px;
}

.sprite-nmain16 {
	background-position: 0 -555px;
	width: 80px;
	height: 12px;
}

.sprite-nmain17 {
	background-position: 0 -620px;
	width: 120px;
	height: 12px;
}

.sprite-nmain19 {
	background-position: 2px -675px;
	width: 52px;
	height: 12px;
}

.sprite-nmain20 {
	background-position: 10px -738px;
	width: 90px;
	height: 12px;
}

.sprite-nmain21 {
	background-position: 2px -806px;
	width: 80px;
	height: 12px;
}

.sprite-nmain22 {
	background-position: 12px -861px;
	width: 80px;
	height: 12px;
}

.sprite-nmain23 {
	background-position: 0 -462px;
	width: 60px;
	height: 12px;
}

.sprite-nmain24 {
	background-position: 0 -680px;
	width: 70px;
	height: 12px;
}

.sprite-nmain25 {
	background-position: 15px -393px;
	width: 65px;
	height: 12px;
}

.tmst {
	background: url("/images/tm.gif") no-repeat top left;
}

.tm-main {
	background-position: 0 0;
	width: 52px;
	height: 23px;
}

.tm-main00 {
	background-position: 0 -73px;
	width: 2px;
	height: 11px;
}

.tm-main3 {
	background-position: 0 -134px;
	width: 67px;
	height: 23px;
}

.tm-main4 {
	background-position: 0 -207px;
	width: 67px;
	height: 23px;
}

.tm-main5 {
	background-position: 0 -280px;
	width: 85px;
	height: 23px;
}

.tm-main6 {
	background-position: 0 -353px;
	width: 25px;
	height: 23px;
}

.tm-main7 {
	background-position: 0 -426px;
	width: 25px;
	height: 23px;
}

.tm-main8 {
	background-position: 0 -499px;
	width: 45px;
	height: 23px;
}

.tm-main9-1 {
	background-position: 0 -572px;
	width: 84px;
	height: 23px;
}

.nmst {
	background: url("/images/nm.gif") no-repeat top left;
}

.mn-mallow {
	background-position: 0 3px;
	width: 9px;
	height: 10px;
	position: absolute;
}

.mn-mallow2 {
	background-position: 0 -53px;
	width: 9px;
	height: 10px;
	position: absolute;
}

.mn-plus {
	background-position: 0 -113px;
	width: 12px;
	height: 12px;
	position: absolute;
}


.hotst {
	background: url("/images/hot-rank.gif") no-repeat top left;
}

.hot1 {
	background-position: 0 5px;
	width: 12px;
	height: 16px;
}

.hot10 {
	background-position: 0 -56px;
	width: 12px;
	height: 16px;
}

.hot2 {
	background-position: 0 -117px;
	width: 12px;
	height: 16px;
}

.hot3 {
	background-position: 0 -178px;
	width: 12px;
	height: 16px;
}

.hot4 {
	background-position: 0 -239px;
	width: 12px;
	height: 16px;
}

.hot5 {
	background-position: 0 -300px;
	width: 12px;
	height: 16px;
}

.hot6 {
	background-position: 0 -361px;
	width: 12px;
	height: 16px;
}

.hot7 {
	background-position: 0 -422px;
	width: 12px;
	height: 16px;
}

.hot8 {
	background-position: 0 -483px;
	width: 12px;
	height: 16px;
}

.hot9 {
	background-position: 0 -544px;
	width: 12px;
	height: 16px;
}


/* 메인 탭메뉴 부분 */

div.demolayout1 {
	width: 100%;
}

ul.demolayout1 {
	list-style-type: none;
	width: 100%;
	float: left;
}

ul.demolayout1 li {
	margin: 0 5px 5px 0;
	float: left;
}

ul.demolayout1 a {
	float: left;
	display: block;
	padding: 0 4px;
	border: 1px solid #ccc;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout1 a:hover {
	background: #fff;
}

ul.demolayout1 a.active {
	background: #fff;
	cursor: default;
	color: #00f;
}

.tabs-container1 {
	clear: left;
}

/* 메인 탭메뉴 부분 */

div.demolayout2 {
	width: 100%;
}

ul.demolayout2 {
	list-style-type: none;
	width: 100%;
	float: left;
}

ul.demolayout2 li {
	margin: 0 5px 5px 0;
	float: left;
}

ul.demolayout2 a {
	float: left;
	display: block;
	padding: 0 4px;
	border: 1px solid #ccc;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout2 a:hover {
	background: #fff;
}

ul.demolayout2 a.active {
	background: #fff;
	cursor: default;
	color: #00f;
}

.tabs-container2 {
	clear: left;
}

/* 토너먼트 */

.manm {
	background-color: #127afb;
}

.manm a:link {
	color: #f5ff00;
	text-decoration: none;
}

.manm a:visited {
	color: #f5ff00;
	text-decoration: none;
}

.manm a:active {
	color: #f5ff00;
	text-decoration: none;
}

.manm a:hover {
	color: #f5ff00;
	text-decoration: underline;
}

/* 애스닥 */

.bold {
	font-weight: bold;
}

.verdana {
	font-family: verdana;
}

.line-bottom {
	border-bottom: 1px solid #d3d3d3;
}

.line-bottom1 {
	border-bottom: 1px solid #313945;
}

.line-top1 {
	border-top: 1px solid #313945;
}

.aup {
	color: #fa1508;
}

.adown {
	color: #075de3;
}

.abg {
	text-align: center;
	background-color: #515b6b;
	color: #ffffff;
}

/* 메뉴관련 */

#menu {
	list-style: none;
	width: 1000px;
	margin: 0px auto 0px auto;
	height: 30px;
	background-color: #0064e0;
	background-color: var(--blue-color);
}

.pc_menu_font {
	font-family: dotum, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 14px;
	color: white;
	padding: 5px 15px;
}

.pc_menu_focus {
	color: #ffed90 !important;
	font-size: 16px !important;
	font-family: sans-serif;
	padding: 5px 15px !important;
}

#menu .mcheck {
	background: #0051b6;
	background: var(--menubar-hover);
}

.red_alert {

	color: #ffffff;
	color: var(--white-color);

	background: #ff0000;
	background: var(--red-color);
	
	padding:2px 4px;
	display: inline-block;
	font-weight:bold;

}

.newmenubar {
	width: 100%;
	background: #0064e0;
	background-color: var(--blue-color);
	border-top: 1px solid #084da4;
	border-bottom: 1px solid #084da4;
	border-top: 1px solid var(--menubar-border);
	border-bottom: 1px solid var(--menubar-border);
}

.submenubar {
	width: 100%;
	background: #f6f5f5;
	border-bottom: 1px solid #e1e1e1;
}

.submenubarc {
	list-style: none;
	width: 990px;
	margin: 0px auto 0px auto;
	background: #f6f5f5;
	background: var(--focus-bg-color);
	padding: 12px 0 9px 10px;
	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid var(--box-color);
}

.new {
	font-weight: bold;
	color: #ff0000;
	color: var(--red-color);
	font-size: 10px;
	font-family: tahoma, AppleGothic;
}

.red_color {
	color: #ff0000;
	color: var(--red-color);
}

.blue_color {
	color: #0064e0;
	color: var(--blue-color-focus);
}

.base_color {
	color: #333;
	color: var(--color1);
}

.update {
	font-weight: bold;
	color: #0054ff;
	font-size: 10px;
	font-family: tahoma, AppleGothic;
}

.return {
	font-weight: bold;
	color: #0042ff;
	font-size: 10px;
	font-family: tahoma, AppleGothic;
}

#menu .menu {
	border-right: 1px solid #084da4;
	border-right: 1px solid var(--menubar-border);
}

#menu .menu1 {
	border-left: 1px solid #084da4;
	border-left: 1px solid var(--menubar-border);
}

#menu li {
	float: left;
	display: block;
	text-align: center;
	position: relative;
}

#menu li:hover {
	background: #0051b6;
	background: var(--menubar-hover);
	z-index: 99999;
}

#menu li a {
	font-family: dotum, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EEEEEE;
	display: block;
	outline: 0;
	text-decoration: none;
}

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns {
	float: left;
	position: absolute;
	left: -999em;
	/* Hides the drop down */
	text-align: left;
	border: 1px solid #777777;
	border: 1px solid var(--box-color);
	border-top: none;

	/* Gradient background */
	background: #FFFFFF;
	background: var(--bg-color);

}

.dropdown_1column {
	width: 98px;
}

.dropdown_2columns {
	width: 197px;
}

.dropdown_3columns {
	width: 296px;
}

.dropdown_4columns {
	width: 395px;
}

.dropdown_5columns {
	width: 500px;
}

.dropdown_6columns {
	width: 593px;
}

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns {
	left: -1px;
	top: auto;
}

.col_1_end {
	display: inline;
	float: left;
	position: relative;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display: inline;
	float: left;
	position: relative;
	border-right: 1px solid #dedede;
	border-right: 1px solid var(--box-color);
}

.col_1_end {
	width: 98px;
}

.col_1 {
	width: 98px;
}

.col_2 {
	width: 198px;
}

.col_3 {
	width: 264px;
}

.col_4 {
	width: 352px;
}

.col_5 {
	width: 440px;
}

#menu .menu_right {
	float: right;
	margin-right: 0px;
}

#menu li:hover .align_right {
	left: auto;
	right: -1px;
	top: auto;
}

#menu p,
#menu h2,
#menu h3,
#menu ul li {
	font-family: Dotum, Arial, Helvetica, sans-serif;
	line-height: 21px;
	font-size: 12px;
	text-align: left;

}

#menu h2 {
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 7px 0 14px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid #666666;
}

#menu h3 {

	font-size: 11px;
	margin: 3px 10px 0px 5px;
	color: #353535;
	color: var(--color1);
	border-bottom: 1px solid #888888;
	border-bottom: 1px solid var(--box-color);
}

#menu p {
	line-height: 18px;
	margin: 0 0 10px 0;
}

#menu li:hover div a {
	font-size: 12px;
	color: #323232;
	color: var(--color1);
}

#menu li:hover div a:hover {
	background-color: #eeeeee;
	background-color: var(--menu-hover);
}

.strong {
	font-weight: bold;
}

.meplus {
	float: left;
}

.italic {
	font-style: italic;
}

.imgshadow {
	/* Better style on light background */
	background: #FFFFFF;
	padding: 4px;
	border: 1px solid #777777;
	margin-top: 5px;
}

.img_left {
	/* Image sticks to the left */
	width: auto;
	float: left;
	margin: 5px 15px 5px 5px;
}

#menu li ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 2px 0;
}

#menu li ul li {
	font-size: 12px;
	line-height: 20px;
	position: relative;
	padding: 0;
	margin: 0;
	float: none;
	text-align: left;
	width: 98px;
}

#menu li ul li a {
	padding: 0 0 0 5px;
}

#menu li ul li:hover {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}