@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none 0; font-family:'Dotum', 'Noto Sans Korean'; font-weight:normal} /글자 없앰
h1, h2, h3, h4, h5, h6 {font-size:12px}
img, fieldset, iframe {border:0 none}
table, div {border-collapse: collapse; font-size:12px}
textarea {overflow:auto; outline-style:none; font-family:'Dotum', 'Noto Sans Korean'}
select, input, img, li {vertical-align:middle; text-align:left;  font-family:'Dotum', 'Noto Sans Korean'; outline-style:none} /폰트크기12없앰, 글자 순서
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal}
ul, li, ol {list-style-type:none}
legend, caption {display:none}
hr {border-collapse:collapse; display:none}
a { text-decoration:none; cursor:pointer; color:#222}
/* html, body {width:100%; height:100%} */
body {background:#FFF; font-size:12px; color:#222}
.sound_only {display:none}
.clearboth {clear:both}
#go_top {display:none; position:fixed; bottom:50px; left:50%; margin-left:580px; width:50px; height:35px; padding-top:15px; background:#4583ea; font-family:Tahoma; font-weight:bold; font-size:14px; color:#FFF; cursor:pointer; text-align:center; border-radius:50px; opacity:0.8; filter:alpha(opacity=80); z-index:999}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 게시판 영역 */
.page_wrap {clear:both; margin:15px 0; text-align:center; font-family:Nanum Gothic,"나눔고딕"}
.pg_btn {display:inline-block;  background:#f2f4f6; padding:7px 11px; border-right:1px solid #dde2e7;  border-top:1px solid #cdd5dc; border-bottom:1px solid #cdd5dc}
	.pg_btn:hover {background:#FFF}
.pg_btn2 {display:inline-block;  background:#f2f4f6; padding:7px 11px; border-right:1px solid #dde2e7;  border-top:1px solid #cdd5dc; border-bottom:1px solid #cdd5dc}
.pg_current {padding:8px 11px; border-left:1px solid #cdd5dc; border-top:1px solid #cdd5dc; border-right:1px solid #a5afb8; border-bottom:1px solid #a5afb8; color:#000}

a.btn_b01 {display:inline-block;padding:7px 10px;border:1px solid #d9ded9;background:#f2f5f9;font-family:Nanum Gothic,"나눔고딕";color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {background:#ededed}
a.btn_b02 {display:inline-block;padding:7px 15px;font-family:Nanum Gothic,"나눔고딕";border:1px solid #898989;background:#868686;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#6d6d6d}
a.btn_b03 {display:inline-block;padding:4px 6px;border:1px solid #d9ded9;background:#f2f5f9;font-size:11px;text-decoration:none;vertical-align:middle}
a.btn_b03:focus, .btn_b03:hover {background:#ededed}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;font-family:Nanum Gothic,"나눔고딕";background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

.input_form {border:1px solid #ddd; padding:0 5px; outline-style:none; height:24px}
.input_form2 {border:1px solid #ccc; background:#f2f2f2; padding:0 5px; outline-style:none; height:24px}
.input_form2.Step1 {border:1px solid #ccc; background:#f2f2f2; padding:0 5px; outline-style:none; height:24px}
.input_form2.Step2 {border:2px solid #e7a946; margin-left:-1px; margin-right:-1px; background:#FFF; padding:5px; outline-style:none; height:22px; vertical-align:middle}
.input_form2.Step3 {border:1px solid #999; background:#FFF; padding:0 5px; outline-style:none; height:24px}
.btn_submit {font-family:Nanum Gothic,"나눔고딕"; padding:0 8px; height:25px; cursor:pointer; border:1px solid #db9a32; background:#e7a946; outline-style:none; color:#FFF; cursor:pointer}
	.btn_submit:hover {background:#db9a32; border:1px solid #db9a32}
.btn_cancel {display:inline-block;padding:5px 6px; border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
	.btn_cancel:hover {background:#ededed}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

.btn_submit.big {padding:0 12px; height:35px; font-size:1.2em; font-weight:bold}
.btn_cancel.big {padding:10px 12px; height:13px; font-size:1.2em; font-weight:bold; color:#999}

.wr_leveladm {display:block; float:left; background:url('/img/level/lv_adm.png') no-repeat; width:36px; height:17px; margin:-4px 6px 0 0}
.wr_levelbox {display:block; float:left; width:36px; height:18px; margin:-4px 6px 0 0}

.reply_proimg {position:absolute; top:4px; width:50px !important; height:50px !important; border-radius:50px !important;  background:#FFF; border:1px solid #d2d2d2; float:left; overflow:hidden}

/* 페이지 */
.page_wrap {clear:both; margin:25px 0; text-align:center}
.page_list a {text-decoration:none}
.pg_btn {display:inline-block;  background:#f8f8f8; padding:7px 11px; border-right:1px solid #dedede;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.pg_btn:hover {background:#FFF; color:#666 !important}
.pg_btn2 {display:inline-block;  background:#f8f8f8; padding:7px 11px; border-right:1px solid #dedede;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.pg_current_u {display:inline-block; margin:0; padding:0; padding:8px 11px; margin:-2px 0 0 -1px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; color:#4d4338; background:#FFF; cursor:default}

/* MAIN INDEX */
#gb_wrap {overflow:hidden; width:100%; background:#fafafa; border-bottom:1px solid #e4e4e4}
#wrap {width:1200px; margin:0 auto}

/*글로벌메뉴*/
.gb_menu {font-size:11px}
	.gb_menu ul {overflow:hidden; float:right}
	.gb_menu ul li {float:left; padding:13px 12px; border-left:1px solid #e4e4e4; cursor:pointer}
	.gb_menu ul li:last-child {border-right:1px solid #e4e4e4}
	.gb_menu font {color:#1f5ec3; font-weight:bold}

/*로고라인*/
.logo_line {overflow:hidden}
	.logo_line em {display:block; float:left;margin: 50px 10px 10px 0;}
	.logo_line div {font-size:11px; color:#3b3b3b; float:left; margin-top:72px}	
		.logo_line div img {display:inline-block; padding:3px 3px 3px 3px; margin:-3px 4px 0 0; background:#ed1f24; border:1px solid #c12700; font-size:9px; letter-spacing:-1px; color:#fff; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
	.logo_line span {display:block; float:right; margin-top:28px }

/*메뉴*/
.menu {width:100%;background: #b142c6;border: 1px solid #b142c6;}
	.menu li {display:inline-block; position:relative}
	.menu li > a {display:block;padding: 23px 17.5px; color:#fff; font-size:14px; font-weight:500;letter-spacing:-1px;text-shadow: 0px 0px 1px #f2acff; font-family:'Noto Sans Korean'!important; cursor:pointer;background: #b142c6;-webkit-transition: background 0.2s ease-out;-ms-transition: background 0.2s ease-out}
	.menu li > a:hover {background: #b142c6;-webkit-transition: background 0.2s ease-out;-ms-transition: background 0.2s ease-out} /*또는 4684e7*/
		.menu li > div {display:none; position:absolute; left:0; top:60px; width:125px; *overflow:hidden; z-index:999}
			.menu_sub_e1 {height:39px}
			.menu_sub_e2 {height:78px}
			.menu_sub_e3 {height:117px}
			.menu_sub_e4 {height:156px}
			.menu_sub_e5 {height:195px}
			.menu_sub_e6 {height:234px}
		.menu li > div > dl {display:none; position:absolute; left:0; top:1px}
			.menu_sub_d1 {top:-39px}
			.menu_sub_d2 {top:-78px}
			.menu_sub_d3 {top:-117px}
			.menu_sub_d4 {top:-156px}
			.menu_sub_d5 {top:-195px}
			.menu_sub_d6 {top:-234px}
		.menu li > div > dl dd {width:123px; padding:10px 0 10px 27px; background:#FFF; color:#555; border:1px solid #cacaca; border-top:0; font-family:'Noto Sans Korean'; cursor:pointer; -webkit-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out}
		.menu li > div > dl dd:hover {background:#f6f9fe;color: #b142c6;-webkit-transition: background 0.2s ease-out;-ms-transition: background 0.2s ease-out}

/*베스트*/
#best_article {margin-bottom:10px}
	#best_article h3 {display:block; padding:15px 21px; font-size:12px; font-weight:bold; background:#f7f7f7; border:1px solid #d6d6d6}
	#best_article ul {padding:13px 20px;  border:1px solid #d6d6d6; border-top:0px none}
	#best_article ul li {cursor:pointer; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:2px}
	#best_article ul li:last-child {margin-bottom:0px}
	#best_article ul li span {margin-right:0px; font-weight:bold; color:#3b3b3b}
	#best_article ul li:hover {color:#8b8b8b}
	.best_rank {display:inline-block; width:40px; margin-right:7px; padding:3px 0px; background:#da4a50; color:#fff; font-size:11px; text-align:center;}

/*바디 시작*/	
.body_wrap {overflow:hidden; padding:12px 0}
	 /*왼쪽박스*/
	.left_Box {float:left; width:350px}
		.login_con {position:relative; width:348px; border:1px solid #d8d8d8}
		.vote_con {width:348px;height: 115px; margin-top:10px; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
			.vote_con span {display:block; width:315px; margin:15px auto; padding:8px 0; text-align:center; background:#f7f7f7; border:1px solid #f1f1f1; border-radius:8px}
			.vote_con span B {font-weight:600; color:#21324c}
			.vote_con div {position:relative; width:100%;height: 60px;}
				.vote_con div code {position:absolute; left:20px; top:8px; color:#32a0a3}
				.vote_con div font {position:absolute; right:20px; top:8px; color:#c63137}
				.vote_con div label {position:absolute; left:50%; top:-5px; margin-left:-21px}
				.vote_con div h1 {position:absolute;right: 35px;top:8px; font-size:12px; color:#9c9c9c; margin-right:5px;}
				.vote_con div h2 {position:absolute;left: 35px; top:8px; font-size:12px; color:#9c9c9c; margin-left:5px;}
				.vote_con div h3 {position:absolute; display:block; right:190px; top:9px; max-width:80px; height:9px; background:#55babd; border:1px solid #259699; border-radius:5px;}
				.vote_con div h4 {position:absolute; display:block; left:190px; top:9px; max-width:80px; height:9px; background:#da4a50; border:1px solid #c12700; border-radius:5px;}
		.room_waiting {position:absolute; left:50%; top:369px; margin-left:-667px; overflow:hidden;  color:#fff} /*채팅방대기실*/
			.room_waiting dt {width:54px; height:36px; padding-top:13px; font-size:11px; text-align:center; border:1px solid #4ea400; background:#4ea400}
			.room_waiting dd {position:relative; width:54px; height:54px; border:1px solid #4ea400; border-top:none}
			.room_waiting dd code img {display:block; position:absolute; top:0; left:0; padding:2px 2px; font-size:10px; background:#e7a946}
			.room_waiting dd div {width:100%; height:100%}
		.chat_con {margin:10px 0} /*채팅방*/
			.chat_category {overflow:hidden; width:350px}
			.chat_category li {float:left; width:85px; padding:14px 0; background:#f7f7f7; border:1px solid #d8d8d8; border-left:0px none; text-align:center;cursor:pointer}
			.chat_category li:first-child {width:90px; border-left:1px solid #d8d8d8}
			.chat_category div {margin-bottom:5px}
			.chat_active {background:#303030 !important; color:#fff; border-bottom:1px solid #e7a946 !important}
	
	/*오른쪽박스*/
	.right_Box {float:right; width:840px}
		.board_bbox {overflow:hidden; margin-bottom:10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
		.left_board {float:left; width:350px;height: 208px;border-top: 1px solid #ccc;} /*최근게시물*/
			.left_board div {padding:14px 20px;color: #b142c6; font-weight:bold; border-bottom:1px solid #ccc; background:#f7f7f7}
			.left_board ul {padding: 25px 25px;}
			.left_board ul li {margin-top:8px; color:#434343; cursor:pointer}
			.left_board ul li:hover {color:#999}
			.left_board ul li:first-child {margin-top:0px}
			.left_board ul li img {margin:-2px 5px 0 0}
			.left_board ul li font{font-weight:bold; margin-right:5px}
		.right_board {float:left; width:487px;border-right:1px solid #ccc;border-left: 1px solid #ccc;} /*게시판*/
			.right_board dl {overflow:hidden}
				.right_board dl dt {float:left;width: 202px;padding: 14px 20px;border:1px solid #ccc; border-left:0px none; background:#f7f7f7; text-align:center}
				.right_board dl dt:last-child {width:123px; border-right:0px none;display: none;}
			.right_board > span {display:block;position:relative; width:488px;height: 165px;overflow:hidden;}
				.right_board > ol {position:absolute; left:0; top:0; width:2928px; height:164px; overflow:hidden}
				.right_board > ol > li {float:left; width:488px; height:164px; overflow:hidden}
					.right_latest_list {padding: 25px 25px;}
						.right_latest_list > li {margin-top:8px; color:#434343}
						.right_latest_list > li:first-child {margin-top:0px}
						.right_latest_list > li font {font-weight:bold; margin-right:5px}
						.right_latest_list > li span {display:inline-block; font-weight:bold}
			.category_active {font-weight:bold;color: #b142c6; background:#fff !important; padding-bottom:13px !important;border-top: 2px solid #b142c6 !important; border-bottom:1px solid #fff !important; cursor:pointer}
			.r_board_icon {margin:-2px 5px 0 0}
	#con_iframe {width:840px; min-height:1000px}	

	/* Main rank & graph */
	.main_rankgraph {margin-bottom:10px; height:207px; overflow:hidden}
		.main_rankgraph > div {height:205px; border:1px solid #d8d8d8}
		.main_graph {float:left; width:448px; background:url('/img/main_graph_bg.gif') no-repeat}
		.main_rank {float:right; width:378px; background:url('/img/main_rank_bg.gif') no-repeat}
	.active_btn {background:#e7a946 !important; color:#FFF !important; border:1px solid #2668d1 !important}
		.active_btn:hover {background:#3573d6 !important; color:#FFF !important; border:1px solid #2462c5 !important}

	/* Main chatbox */
	.main_chatbox {display:none;height:0px;border:1px solid #979797; margin-bottom:10px}

	/* Effect btn */
	.effect_btnbox {position:absolute; left:50%; top:200px; margin-left:620px}
	.effect_btnbox > li {width:46px; height:35px; padding-top:11px; background:#ededed; text-align:center; border:1px solid #ccc; border-radius:50px; font-size:11px; cursor:pointer; color:#999; margin-bottom:5px}
	.effect_btnbox > li:hover {background:#535353; color:#FFF; border:1px solid #000}
		.effect_btn_hit {background:#e7a946 !important; color:#FFF !important; border:1px solid #235fbc !important}
	.effect_top {position:fixed; left:50%; top:359px; margin-left:620px}
	.effect_top > dd {width:46px; height:30px; padding-top:16px; background:#ededed; text-align:center; border:1px solid #ccc; border-radius:50px; font-size:11px; cursor:pointer; color:#999; margin-bottom:5px}
	.effect_top > dd:hover {background:#535353; color:#FFF; border:1px solid #000}
		.effect_top_hit {background:#55babd !important; color:#FFF !important; border:1px solid #28989b !important}

	/*foot*/
	.foot_Box {overflow:hidden; padding:26px 0 50px 0; border-top:1px solid #ccc}
		.foot_Box em {display:block; float:left; margin-right:35px}
		.foot_Box em > img {width:150px; opacity:0.5}
		.foot_Box div {}
			.foot_Box div ul {overflow:hidden}			
			.foot_Box div ul li{float:left; color:#595959}
			.foot_Box div code {display:block; color:#919191; font-size:11px; margin-top:2px}

/*sub*/
.iframe-set {width:840px; min-height:800px}
.iframe-set > iframe {width:830px; border:none; z-index:100; *min-height:1000px}
.iframe-set2 {display:none; width:840px; min-height:800px}
.iframe-set2 > iframe {width:840px; border:none; z-index:100; *min-height:1000px}

/*채팅방 (sch) */
#chat_main_box {overflow:hidden; width:348px; *height:484px;border:1px solid #d8d8d8; border-top:0px none;margin-bottom:10px;}
#chat_main_box li {clear:both;}
.chat_main_title {height:26px; background:#e7a946;color:#fff;padding:8px 5px 0px 5px; border-bottom:1px solid #db9a32}
.chat_main_title img {margin:0px 4px}
	.chat_title_left {float:left;}
		.count_saram {display:inline-block;vertical-align:bottom}
	.chat_title_right {float:right;}
	.chat_title_right img {cursor:pointer}
.chat_main_list {height:389px; padding:12px; color:#505050;overflow-y:scroll}
.chat_main_list li {margin-bottom:8px}
.chat_main_list li:last-child {margin-bottom:0px}
.chat_main_list b {font-weight:bold; color:#525252}
.var_relative {position:relative; font-style:normal}

.chat_main_input {position:relative; height:34px;border-top:1px solid #d8d8d8}
    #chat_input {height:34px;border:0px none; width:271px;padding-left:13px; border-bottom:1px solid #d8d8d8}
    #chat_enter {display:block; position:absolute;right:-1px;top:-1px; height:38px;border:0px none; width:65px;height:38px; padding:0px; background:#e7a946;color:#fff;text-align:center; cursor:pointer}
	#chat_enter:hover {background:#db9a32}
#chat_admin_box {width:350px;height:24px;padding-top:10px; padding-left:05px; text-align:left;}
#chat_admin_box img {margin-top:-2px}
#chat_admin_box > div {display:inline-block; margin:0px 5px; cursor:pointer; font-size:11px; color:#3a3a3a}
#chat_admin_box > div:hover {text-decoration:underline}

#chat_main_list li {padding:3px 7px}
.chatbox_gray {display:block;padding:7px; color:#fff; background:#55babd}
.ladder_result_odd {display:block; padding:7px; color:#fff; background:#e7a946}
.ladder_result_even {display:block; padding:7px; color:#fff; background:#da4a50}
.chatbox_ice {display:block;padding:7px; color:#fff; background:#e7a946}
.chatbox_hot {display:block;padding:7px; color:#fff; background:#da4a50}
.chatbox_quiet {display:block;padding:7px; color:#fff; background:#ff0000}
.chat_star {display:block;padding:7px; color:#fff; background:skyblue}
.chatbox_reset {display:block;padding:7px; color:#333; background:#eee}
.chatbox_kick {display:block;padding:7px; color:#fff; background:#da4a50}

#category_box_title {position:relative; overflow:hidden;  background:#393c3e; float:left}
#category_box_title div {padding:13px 18px; font-family:Nanum Gothic,"나눔고딕"; color:#FFF; font-weight:bold; font-size:15px}
#category_box {position:relative; overflow:hidden; background:#868d93}
	#category_box dd {float:left; padding:14px 15px; font-family:Nanum Gothic,"나눔고딕";  color:#FFF; font-weight:bold; font-size:12px; cursor:pointer}
	#category_box dd:hover {background:#5f666d; color:#FFF !important}
	.category_box_on {background:#dbdbdb; color:#222 !important}
	#category_box span {float:right; margin:16px 12px 0 0 }
	#category_box span a {color:#ECECEC; font-size:11px}

#category_list {padding:11px 0}
	#category_list li {float:left; color:#7f7f7f}
	#category_list li a {color:#7f7f7f}
	#category_list_on {font-weight:bold; color:#222 !important}
#board_box {width:840px; border-top:2px solid #646464; margin-top:10px}
	#board_box table {width:100%}
	#board_box table thead tr {background:#f9f9f9; height:40px; font-size:13px; font-family:Nanum Gothic,"나눔고딕"; font-weight:bold; border-top:1px solid #FFF; border-bottom:1px solid #dcdcdc}
	#board_box table thead tr td {padding-left:4px}
		.board_box_tdcenter {padding:0; text-align:center}
	#board_box table tbody tr {height:35px; border-bottom:1px solid #e9e9e9; color:#5a5a5a}
	#board_box table tbody tr td {padding-left:4px}
	#board_box table tbody td a:hover {color:#000; text-decoration:underline}
/*.reply_box {position:absolute; margin:-3px 5px 0 0; width:19px; height:19px; background:url('/img/reply_box.gif') no-repeat; font-weight:bold; color:#000; text-align:center; padding:4px 0 0 0;}*/
.reply_box {font-weight:bold; color:#e7a946 !important; font-size:11px}
.bo_current {color:#e7a946; font-weight:bold}

.bo_fx {margin:15px 8px 30px 8px; 0;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}

.btn_bo_user {float:right; margin:15px 10px 20px 0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_user input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */

#bo_sch {float:left; margin:15px 0 20px 10px}
.selectbox.form {position:relative; width:115px; height:24px; *display:inline-block; float:left}
.selectbox2.form {position:relative; width:115px; height:12px; *display:inline-block; float:left;text-align:center;padding:6px 0;}

#stx {width:115px; margin-left:10px}

#bo_w {}
ul.bo_w.subline li {float:left}
.bo_w.editor {clear:both; margin-top:6px}
.btn_confirm {text-align:center; margin:20px 0}

.write_infobox {width:95%; border-top:2px solid #ededed; margin:25px 0; padding:15px; margin:0 auto}
	.write_infobox label {display:inline-block; font-weight:bold; letter-spacing:-0.1em}
	.write_infobox ul {margin:8px 0 0 10px}
	.write_infobox li {letter-spacing:-1px; color:#888; margin:4px 0}
	.write_conbox {background:#f5f5f5; border:1px solid #e5e5e5; width:85%; height:55px; padding:15px; margin:10px 0 10px 10px}
		.conbox_left {float:left; line-height:150%; letter-spacing:-1px; color:#888;}
		.conbox_right {float:right; line-height:150%; letter-spacing:-1px; color:#888;}

#bo_v_wrap {}
.bo_v_headtable {width:840px; border-top:2px solid #646464; margin-top:10px}
	.headtable {width:100%}
	.headtable_thead {background:#f9f9f9; height:40px;font-family:Nanum Gothic,"나눔고딕"; border-top:1px solid #FFF;  border-bottom:1px solid #ebebeb; color:#222}
		.headtable_thead td {padding:8px 15px; font-weight:bold}
		.bo_v_title {padding-left:15px;font-size:16px; line-height:150%}
	.headtable_tbody {height:30px; border-bottom:1px solid #dcdcdc; text-align:right; font-size:11px; color:#434343; }
	.headtable_tbody tr td:last-child {padding-right:15px }
	.headtable_tbody .tbody_div {float:left; padding:0px 15px; font-size:11px; margin-left:0; color:#434343}
.bo_v_content {width:800; line-height:170%; min-height:250px; word-wrap:break-word}
.bo_v_infobox {width:100%; height:220px; line-height:110%}
	.bo_v_profile {float:left; position:relative; width:608px; ; height:200px; background:url('/img/board/profile_bg.gif') no-repeat; border:1px solid #dcdcdc; margin-bottom:20px}
	.bo_v_proname > b {font-family:Nanum Gothic,"나눔고딕"; font-weight:bold; font-size:16px}
		.bo_v_proimg {position:absolute; left:14px; top:19px}
		.bo_v_profile ul {position:absolute; left:205px; top:15px}
		.bo_v_profile ul li {float:left}
		#bo_v_position {position:absolute; left:140px; top:0}
		.bo_v_profile ul li.bo_v_progauge {position:relative; width:250px; height:36px; font-family:Tahoma; font-weight:bold; font-size:13px; color:#565656; background:url('/img/board/gauge_bg.gif') left bottom no-repeat;}
			.bo_v_profile ul li.bo_v_progauge span {position:absolute; left:218px; top:20px; color:#3b3b3b}
			.bo_v_profile ul li.bo_v_progauge dl {position:absolute; left:0; top:18px; width:210px; height:5px}
			.bo_v_profile ul li.bo_v_progauge dd {float:left}
			.bo_v_profile ul li.bo_v_progauge dd.gauge_bar {height:5px; background:url('/img/board/gauge_2.gif') repeat-x}
		.bo_v_profile ul li.bo_v_proname {font-family:Nanum Gothic,"나눔고딕"; font-weight:bold; font-size:20px; margin:15px 20px 0 0}
		.bo_v_proinfo {position:absolute; left:205px; top:79px; color:#898989}
		.bo_v_intro {position:absolute; left:204px; top:122px; width:305px; height:70px; line-height:140%; color:#898989; overflow:hidden}
		.bo_v_btnbox {position:absolute; right:9px; bottom:66px; width:66px; height:20px; cursor:pointer}
		.bo_v_btnbox dl dd {position:relative; float:left; width:22px; height:20px}
			.bo_v_btn1 {background:url('/img/board/icon1_off.gif') no-repeat}
				.bo_v_btn1:hover {background:url('/img/board/icon1_on.gif') no-repeat}
				#btn1_menu {position:absolute; top:-25px; width:75px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
			.bo_v_btn2 {background:url('/img/board/icon2_off.gif') no-repeat}
				.bo_v_btn2:hover {background:url('/img/board/icon2_on.gif') no-repeat}
				#btn2_menu {position:absolute; top:-25px; width:140px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
			.bo_v_btn3 {background:url('/img/board/icon3_off.gif') no-repeat}
				.bo_v_btn3:hover {background:url('/img/board/icon3_on.gif') no-repeat}
				#btn3_menu {position:absolute; top:-25px; width:75px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
		.bo_v_btn4 {position:absolute; right:0; bottom:2px; width:87px; height:54px; background:url('/img/board/icon4_off.gif') no-repeat; cursor:pointer}
			.bo_v_btn4:hover {background:url('/img/board/icon4_on.gif') no-repeat}
		.bo_v_btn4_fr {position:absolute; right:0; bottom:2px; width:87px; height:54px; background:url('/img/board/icon4_fr_off.gif') no-repeat; cursor:pointer}
			.bo_v_btn4_fr:hover {background:url('/img/board/icon4_fr_on.gif') no-repeat}
			#btn4_menu {position:absolute; top:15px; left:65px; width:75px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
	.bo_v_good {float:right; position:relative; width:220px; ; height:200px; background:url('/skin/board/basic/img/good_bg.gif') no-repeat; border:1px solid #dcdcdc; margin-bottom:20px}
		.bo_v_good_btn {display:inline-block; position:absolute; right:17px; bottom:13px; width:121px; height:40px; padding-top:22px; text-align:center; background:url('/skin/board/basic/img/good_btn1.png') no-repeat; color:#FFF; font-family:Tahoma; font-size:35px; font-weight:bold; letter-spacing:-3px; cursor:pointer}
		.bo_v_good_btn:hover {background:url('/skin/board/basic/img/good_btn2.png') no-repeat; font-size:0px}

/* Photo */
.photo_box {width:840px; border-top:2px solid #646464; margin-top:10px}
	.photo_box ul {margin:10px 0; padding-bottom:10px; min-height:250px}
	.photo_box ul li {float:left; margin:0 5px}
		.photo_con {position:relative; width:200px}
			.photo_con b {color:#e7a946}
			.photo_img {cursor:pointer}
			.photo_con label {position:absolute; left:0; top:0; width:198px; height:168px; border:1px solid #000; opacity:0.2; filter:alpha(opacity=20); cursor:pointer}
			.photo_imgs {position:absolute; right:0px; top: 148px; padding:4px 5px 3px 5px; background:#e7a946; color:#FFF; font-weight:bold; font-family:Tahoma}
			.photo_subject  {height:25px; line-height:120%; margin-top:10px; cursor:pointer}
				.photo_subject span {color:#888}
			.photo_info {position:relative; margin:10px 0}
				.photo_nick {margin:10px 0}
			.photo_info b {color:#e7a946 !important; font-weight:bold}

/* Police BOX */
.police_report {display:inline-block; position:relative; cursor:pointer}
.police_report span {padding-right:12px}
	.police_box {position:absolute; width:300px; height:360px; right:0; top:15px; display:none;}
	.police_wrap {position:relative; width:300px; height:360px; overflow:hidden;background:#F7F7F7; border:1px solid #b7b7b7; cursor:default; text-align:left;z-index:90}
		.police_box label {display:block; color:#FF0000; font-weight:bold; padding:15px; text-indent:0px}
		.police_box label font {display:block}
		.police_select_box {width:270px; height:50px; padding:0 15px}
			.police_select_box .sel_l {display:block; width:250px; height:15px; margin-bottom:8px}
			.police_select_box .sel_r {display:block; float:right}
				.police_select_box .sel_r b {color:#FF0000}
		.police_con {width:252px; height:55px; margin-left:15px; padding:8px; text-align:left; outline-style:none}
		.police_btnbox {margin:15px 0; width:100%; height:40px; text-align:center}
			.police_btnbox a {display:inline-block; width:80px; height:30px; font-size:12px; line-height:30px}
		.police_info {width:280px; height:100px; border-top:1px solid #cdcdcd; background:#FFF; padding:10px; font-size:11px; letter-spacing:-1px; line-height:130%; color:#999; overflow:hidden}

/* profile */
.Nametag_profile {position:relative; width:608px; height:200px; background:url('/img/profile/profile_bg.gif') no-repeat; border:1px solid #dcdcdc; text-align:left; margin:0 auto; margin-top:6px}
	.Nametag_proimg {position:absolute; left:14px; top:19px}
	.Nametag_proimg img {max-width:162px; max-height:162px}
	.Nametag_profile ul {position:absolute; left:205px; top:15px}
	.Nametag_profile ul li {float:left}
	.Nametag_profile ul li.Nametag_progauge {position:relative; width:250px; height:36px; font-family:Tahoma; font-weight:bold; font-size:13px; color:#454545; background:url('/img/profile/gauge_bg.gif') left bottom no-repeat; line-height:110%}
		.Nametag_profile ul li.Nametag_progauge span {position:absolute; left:218px; top:20px; color:#3b3b3b}
		.Nametag_profile ul li.Nametag_progauge dl {position:absolute; left:0; top:18px; width:210px; height:18px}
		.Nametag_profile ul li.Nametag_progauge dd {float:left}
		.Nametag_profile ul li.Nametag_progauge dd.gauge_bar {height:18px; background:url('/img/profile/gauge_2.gif') repeat-x}
	.Nametag_profile ul li.Nametag_proname {font-family:Nanum Gothic,"나눔고딕"; font-weight:bold; font-size:20px; margin:12px 20px 0 0;}
	.Nametag_proinfo {position:absolute; left:205px; top:79px; color:#898989}
	.Nametag_intro {position:absolute; left:204px; top:122px; width:305px; height:70px; line-height:140%; color:#898989; overflow:hidden}
	.Nametag_btnbox {position:absolute; right:9px; bottom:66px; width:54px; height:20px; cursor:pointer}
	.Nametag_btnbox dl dd {position:relative; float:left; width:22px; height:20px}
		.Nametag_btn2 {background:url('/img/profile/icon2_off.gif') no-repeat}
			.Nametag_btn2:hover {background:url('/img/profile/icon2_on.gif') no-repeat}
			#btn2_menu {position:absolute; top:-25px; right:-30px; min-width:140px; padding:7px 5px 5px 5px; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
		.Nametag_btn3 {background:url('/img/profile/icon3_off.gif') no-repeat}
			.Nametag_btn3:hover {background:url('/img/profile/icon3_on.gif') no-repeat}
			#btn3_menu {position:absolute; top:-25px; right:-10px; width:75px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
	.Nametag_btn4 {position:absolute; right:0; bottom:2px; width:87px; height:54px; background:url('/img/profile/icon4_off.gif') no-repeat; cursor:pointer}
		.Nametag_btn4:hover {background:url('/img/profile/icon4_on.gif') no-repeat}
	.Nametag_btn4_fr {position:absolute; right:0; bottom:2px; width:87px; height:54px; background:url('/img/profile/icon4_fr_off.gif') no-repeat; cursor:pointer}
		.Nametag_btn4_fr:hover {background:url('/img/profile/icon4_fr_on.gif') no-repeat}
		#btn4_menu {position:absolute; top:-25px; right:0; width:75px; padding:7px 0 5px 0; text-align:center; background:#222; color:#FFF; display:none; border-radius:5px; z-index:10}
.Nametag_foot {width:610px; padding:12px 0; background:#444; font-family:Nanum Gothic,"나눔고딕"; text-align:center; color:#FFF; font-weight:bold; line-height:140%; margin:0 auto}
.Nametag_foot p {color:#CCC}

/* Select */
select {	display: block; }
select.replaced {	display: none; }
ul.selectReplacement { display:inline-block; background:url('/img/select.gif') no-repeat; margin:0; padding:0; width: 109px; font-family:Nanum Gothic,"나눔고딕"; font-size:12px; letter-spacing:-1px; }
ul.selectReplacement li { background: #f7f7f7; color: #444; cursor: pointer; display: none; font-size: 12px; line-height: 2em; list-style: none; margin: 0; padding: 0px 10px;}
ul.selectOpen { position:absolute; border:2px solid #666 }
ul.selectOpen li { display:block; }
ul.selectReplacement li.selected {
	background:url(blank.gif) no-repeat;  /*활성되었을때 백그라운드 안가리게*/
	height:25px;
	color: #000;  /*선택된 텍스트 색상*/
	display: block;
}
ul.selectReplacement li:hover {background:url('/img/select.gif') no-repeat 0 -25px;}
ul.selectOpen li.selected { background:#e4e4e4; display: block; }
ul.selectOpen li:hover,
ul.selectOpen li.selected:hover { background: #e7a946; color: #fff; }

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:90px;font-size:12px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:15px;left:-16px;width:auto;height:auto}
.sv_nojs .sv {display:block}

.ladder_result_odd {display:block; padding:5px 7px 3px 7px; color:#222; background:#f5f6f7; border:1px solid #eff0f1; text-align:center}
	.ladder_result_odd > img {margin:-2px 5px 0 2px;}
.ladder_result_even {display:block; padding:5px 7px 3px 7px; color:#222; background:#f8f3f3; border:1px solid #f2e9ea; text-align:center}
	.ladder_result_even > img {margin:-2px 5px 0 2px;}
#sports {
    margin-top: 9px;
    background-color: #fff;
}

#sports h2 {
    height: 42px;
    text-align: center;
    color: #515151;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    background-color: #fbfbfb;
    font-size: 12px;
    font-weight: bold;
    line-height: 41px;
}

#sports h3 {
    height: 34px;
    text-align: center;
    color: #434343;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    line-height: 33px;
}

#sports .tab {
    width: 100%;
    height: 35px;
    text-align: center;
    border: 1px solid #25689a;
    background-color: #2e7db9;
    line-height: 34px;
}

#sports .tab span {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    color: #cedeea;
    font-weight: bold;
}

#sports .tab span.selected {
    text-decoration: underline;
    color: #fff;
}

#sports .tab img {
    position: relative;
    top: -1px;
    margin: 0 5px;
}

#sports .subtab {
    padding: 15px 20px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    line-height: 2;
}

#sports .subtab span {
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

#sports .subtab span.selected {
    text-decoration: underline;
    color: #2e7db9;
    font-weight: bold;
}

#sports .ranking_list {
    border: 1px solid #e5e5e5;
    border-top: 0;
}

#sports .ranking_list table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#sports .ranking_list thead th {
    height: 33px;
    border-top: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    font-weight: normal;
}

#sports .ranking_list tbody td {
    height: 33px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    font-weight: bold;
}

#sports .ranking_list thead th:nth-child(2),
#sports .ranking_list tbody td:nth-child(2) {
    padding-left: 3px;
    text-align: left;
    letter-spacing: -1px;
    font-family: gulim;
    font-size: 12px;
    font-weight: normal;
}

#sports .ranking_list tbody tr:hover td {
    color: #2e7db9;
    background: #f5fbff;
}

#sports .ranking_list .teamlogo {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}