@charset "utf-8";

/* ----------------------------------------
 * Create by soryhana
 * Descript : 메탈 베이블레이드
 * Created : 2008-08-08 (Updated: 2010-07-26)
 --------------------------------------- */

/* Clear Style */
body {height:100%;width:100%;background:#000 url(../img/common/bg_body.gif) 0 30px repeat-x;margin:0;padding:0;}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{font:12px/16px dotum,Arial;color:#717070;margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
em,cite,address{font-style:normal;}
ol, ul, li {margin:0;border:0;padding:0;list-style:none;}
dd {margin-left:10px}
img{border:0;}
object,embed{vertical-align:top;}
caption{display:none;}
img.middle {vertical-align:middle}
img.left {padding-right:20px;float:left}
hr {display: none;}
.clear {clear:both;height:0;font-size:0;line-height:0}
.bgn {background:none !important}
.brn {border-bottom:none !important}
.png24 {tmp:expression(setPng24(this));}

/* Form Style */
input,select,textarea{font:12px/16px dotum,AppleGothic;color:#717070;vertical-align:middle;}
input {border:1px solid #ddd;padding:3px 0 0 6px;}
textarea {padding:10px;font-size:15px}

/* Link Style */
a:link, a:visited {font:12px/16px dotum,AppleGothic;color:#717070;text-decoration:none}
a:hover, a:active {color:#333;text-decoration:none}

/* Rollover */
a.rollover img {border-width:0px; display:inline; }
a.rollover img.over {display:none; }
a.rollover:hover {border:0px }
a.rollover:hover img {display:none; }
a.rollover:hover img.over {display:inline; }

/* Common Use Style */
.font_red {color:#ff0000}
.font_gold {color:#e2e2a3 !important}
.pad_t_10 {padding-top:10px}
.mar_t_10 {margin-top:10px}
.center {text-align:center}
.middle {vertical-align:middle}

/* Layout */
#skipmenu {display:none}
#wrap {position:relative;width:868px;margin:0 auto;}
:root #wrap {width:865px}
	#header {overflow:hidden;width:866px;height:1%;}
	#header div {float:left;}
		.lnb_left {width:91px;height:187px;padding-left:9px;background:url(../img/common/bg_sub_lnb_left.gif) no-repeat}
		.lnb_left img.first {padding-right:10px;}
		.lnb_left img.loginafter {position:absolute;top:0;left:-20px}
		.lnb_left img.loginafterr {position:absolute;top:0;left:45px}
		body.index .gnb {width:669px;background:url(../flash/main_menu_i.png) 0 0  no-repeat}
		.gnb {width:669px;background:url(../flash/main_menu_s.png) 0 0  no-repeat}
		.lnb_right {width:97px;height:187px;background:url(../img/common/bg_sub_lnb_right.gif) no-repeat}
		.lnb_left img, .lnb_right img {margin-top:118px;}
		.main_visual {width:100%;height:244px;}
	#container {position:relative;width:865px;_width:866px;}
	*:first-child+html #container {width:866px;}
#footer {width:100%;margin:0 auto;padding-bottom:50px;margin-top:30px;text-align:center;border-top:1px solid #383838;background:#000}
#footer .foot {width:620px;margin:0 auto;overflow:hidden;}
#footer .foot .foot_logo {float:left;padding:10px 20px 0 0}
#footer .foot ul {float:left;padding-top:8px}
#footer .foot ul li {font:11px/15px dotum,Arial;color:#bababa;text-align:left;letter-spacing:-1px}
#footer .foot ul li.copyright {font:10px/16px Arial;color:#888787;letter-spacing:0px}
#footer .foot ul li a:link {color:#bababa;letter-spacing:0px}
#footer .foot ul li.footmenu a {font-size:11px;color:#998585}
#footer .foot ul li.footmenu a:hover {color:#bd9494}

/* Index layout */
body.index #container {overflow:hidden;height:345px;margin-top:-1px;background:url(../img/main/bg_main_con.gif) 50% 0 no-repeat;_background-position:0 0}
*:first-child+html body.index #container {background-position:0 0;}
body.index #footer {margin-top:0}
.main_movie {width:245px;height:230px;padding:13px 0 0 6px;background:url(../img/main/main_movie.gif) 0 0 no-repeat}
ul.main_movie_tab {position:absolute;top:210px;right:0;}
ul.main_movie_tab li {padding:5px 0 0 0}
body.index .lnb_left {background:url(../img/common/bg_lnb_left.gif) no-repeat}
body.index .lnb_right {background:url(../img/common/bg_lnb_right.gif) no-repeat}
:root body.index #container {width:100%}
#container h2 {height:31px;padding-left:40px;background:url(../img/main/bg_main_h2.gif) no-repeat}
#container h3 {height:31px;padding-left:13px;background:url(../img/main/bl_main_h3.gif) 0 35% no-repeat}
#container h4 {position:absolute;top:12px;right:4px}
#container h4 a, #container h4 a:link {color:#fff}
.news, .product, .episode {position:relative;}
.main_np {float:left;width:230px;padding:14px 0 0 42px;}
.news dl {overflow:hidden;height:1%;padding:10px;margin-bottom:10px;background:#000;}
.news dl dt {float:left;width:190px;padding:0 5px 3px 0;}
.news dl dt a:hover, .news dl dt a:hover em {color:#fff;}
.news dl dt a {color:#8f8f8f}
.news dl dt a:link em, .news dl dt a:visited em {font-size:4px;vertical-align:middle;padding-right:5px}
.product div {text-align:center}
.main_bt {float:left;width:244px;padding:14px 0 0 35px;}
.battle {margin:3px 0 10px 0}
.tvschedule ul {padding:10px 0 0 12px}
.tvschedule ul li {font:13px/15px dotum;color:#fff}
.schedule {width:239px;height:80px;margin-top:5px;background:url(../img/main/bg_main_tvschedule.gif) no-repeat}
.main_eq {float:left;width:227px;padding:14px 0 0 35px;}
.episode p {color:#8f8f8f;line-height:19px;padding:12px;margin-bottom:10px;background:#000}
.episode p a {color:#8f8f8f}
.episode p a span {display:block;font-weight:bold;color:#a2a2a2;padding-right:5px}
.quick div a img {display:block;float:left}

/* sub layout */
.sub_visual {width:100%;height:169px;margin:0 auto;background:url(../img/common/bg_sub_visual1.jpg) 50% 100% no-repeat}
.snb_wrap {position:absolute;top:0;left:-98px;width:108px;}
.snb {width:100%;text-align:center;padding-top:25px;background:url(../img/common/bg_snb_top.gif) 0 0 no-repeat}
.snb_end {width:100%;height:6px;margin-top:10px;background:url(../img/common/bg_snb_bottom.gif) 0 100% no-repeat}
.snb ul.snb_menu li {margin-bottom:15px}
.content {position:relative;width:812px;min-height:450px;border:4px solid #fff;border-top:0;padding-bottom:25px;margin:0 auto;background:#000 url(../img/common/bg_sub_content.jpg) 50% 0 no-repeat}
.content .content_title {position:relative;width:770px;margin:10px auto;font-weight:bold;font-size:14px;color:#fff;border-bottom:4px solid #fff;padding-bottom:4px;margin-bottom:20px}
.content .content_title.font12 {font-size:12px}
.content .content_titles em {color:#3dc5f3}
.content .content_title_p {position:relative;width:770px;margin:0 auto;font-weight:bold;font-size:14px;color:#fff;border-bottom:4px solid #fff;padding:30px 0 4px 0;margin-bottom:5px}
.content .content_title_p span {;font-weight:100;font-size:13px;color:#ddd;padding-left:2px}
.content .goods_btn {position:absolute;top:10px;right:0}
.content .content_wrap {text-align:center;}
.content_titles {position:relative;width:770px;margin:10px auto;font-weight:bold;font-size:12px;color:#fff;border-bottom:1px solid #555;padding-bottom:4px;margin-top:-10px;margin-bottom:20px}

#container .content h1 {text-align:center;padding-bottom:8px}
#container .content h2 {height:14px;padding-bottom:40px;padding-left:0;text-align:center;background:none}
#container .content p.path {position:absolute;top:72px;right:20px;font-size:11px;color:#fff}

/* goto top */
#floater {position:absolute;top:100px;right:-37px;visibility:visible;}
:root #floater {visibility:hidden;}

/* 공통탑바 */
.topbar {clear:both;width:100%;text-align:right;overflow:hidden;background:url(../top_bar/img/w_bg.gif)}
.topbar .topbarin {width:619px;float:right;margin-right:30px}
.topbar .topbarin ul {overflow:hidden;float:left;margin-top:9px}
.topbar .topbarin ul li {float:left;padding-right:3px;letter-spacing:-1px;font-size:small}
.topbar .topbarin ul li h1 a {font-weight:bold;color:#ff0000}
.topbar .topbarin ul li.last {padding-right:8px}
.topbar .topbarin a img {float:left}
.topbar .topbarin select.officialsite {width:140px;height:20px;margin-top:4px;font-size:11px;}
.topbar select {margin-top:6px}

/* 게시판 */
table tbody tr td a:hover {text-decoration:underline}
table.news_table {width:660px;margin:30px auto;background:url(../img/common/bg_th.gif) 50% 0 no-repeat}
table.news_table thead th {height:28px;font-size:11px;font-weight:bold;color:#c0c0c0;background:none}
table.news_table tbody td {padding-top:1px;height:25px;text-indent:20px;background:none}
table.news_table tbody tr.bg td {background:#262626}
table.news_table tbody td.date {color:#fff;background:none}
table.news_table tbody td, table.news_table tbody td a:link, table.news_table tbody td a:visited {color:#fff}
table.news_table tbody tr.bg td, table.news_table tbody tr.bg td a:link, table.news_table tbody tr.bg td a:visited, table.news_table tbody tr.bg td.date {color:#bcbcbc;}
table.news_table tbody td div.view {background:#262626;padding:10px;text-align:center;width:660px;min-height:250px;overflow:hidden;word-wrap:break-word}
table.news_table tbody td div.view img {padding-bottom:10px}
table.news_table tbody td.indent0 {text-indent:0}
table.news_table tbody td div.view p {text-indent:0;text-align:left;color:#ddd;line-height:20px;word-break:break-all;}
table.news_table tfoot td {text-align:right;padding:15px 20px 0 0;background:none}
table.news_table tfoot.ok_cancel td {text-align:center;padding:15px 0 0 10px;background:none}
.table_title_input {width:90%;background:#262626;border:1px solid #555;color:#ddd}
table.news_table tbody td.bl_file {border-top:1px solid #555;padding:4px 0}
table.news_table tbody td.bl_file span {font-size:11px;padding-left:5px;}
table.news_table tbody td.bl_file img {vertical-align:middle}
table.news_table tbody td.bl_file .table_title_input {width:53%;color:#ddd}
table.news_table tbody td .table_write {width:93%;background:#262626;border:1px solid #555;color:#ddd}
table.news_table tbody tr td textarea {margin-left:16px;padding:10px;width:520px; height:300px;font-size:15px;color:#faf7e6;background:#84847a;border:1px solid #84847a;}
table.news_table tbody td.neighbor table {border-spacing:1px;border-collapse:separate;}
table.news_table tbody td.neighbor {padding-top:20px}
table.news_table tbody td.neighbor p {text-indent:0}

/* 관리자 댓글*/
.gg {margin-left:16px;padding:10px;width:510px; height:50px;font-size:13px;color:#000000;background:#ffffff;border:1px solid #84847a;}

.page_wrap {width:100%;margin:0 auto;text-align:center}
.page_wrap ol {overflow:hidden;height:1%;}
.page_wrap ol li {display:inline;vertical-align:middle}
.page_wrap ol li a {padding:5px;}
.page_wrap ol li b {color:#fff}
.page_wrap ol li a img {padding-top:3px}
.page_wrap ol li a:link {color:#757575}
.page_wrap ol li a:hover {text-decoration:underline}
.page_wrap ol li.nowpage {font-weight:bold;color:yellow;padding:5px;}
.page_wrap.mar {margin-top:-45px}

/* info */
.characters {padding-left:25px}
.characters img {margin-right:-4px}
.ep_tit {width:800px;height:31px;padding-left:25px;margin-bottom:10px;}
.ep_tit .ep {position:relative;display:inline-block;padding:8px 0 10px 20px;background:url(../img/info/btn_ep.gif) 0 0 no-repeat}
.ep_tit .ep span {position:relative;font-size:14px;font-weight:bold;color:#fff;padding:9px 70px 9px 0;background:url(../img/info/btn_ep.gif) 100% 0 no-repeat}
.ep_tit .ep span em {font-size:10px;padding-right:6px}
.ep_txt {position:relative;width:700px;padding:10px 0 20px 0;color:#fff;line-height:16px;margin:0 0 20px 40px;background:url(../img/info/bg_line.gif) 50% 100% no-repeat}
.ep_line {width:100%;height:2px;background:url(../img/info/bg_line.gif) 0 0 no-repeat}
:root .ep_tit .ep span {padding:9px 10px 8px 0;}
.story_cf {position:absolute;top:133px;left:40px}

/* goods */
ul.product_wrap {width:812px;overflow:hidden;margin-top:20px}
ul.product_wrap li {float:left;width:24.6%;padding-bottom:15px;}
ul.product_wrap li ul {padding-left:12px}
ul.product_wrap li ul li {position:relative;width:180px;border:1px solid #d3d3d3;padding:3px;background:#6a6a6a}
#container ul.product_wrap li ul li h3 {background:#000 none;width:177px;height:12px;float:left;text-align:left;font-size:12px;font-weight:bold;color:#fff;padding:8px 0 10px 2px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;-moz-binding: url('../js/ellipsis.xml#ellipsis');   ;}
 ul.product_wrap li ul li a img.bl_new {position:absolute;top:10px;left:135px;border-top:0}
ul.product_wrap li ul li img {border-top:3px solid #6a6a6a;}
.goods_form {width:770px;margin:0 auto;padding:0;text-align:center;background:#fff}
.goods_form p {text-align:center;padding-left:0px}
.goods_form div {text-align:center}
.goods_hbtn {clear:both;text-align:right;margin:20px 10px 0 0}
.goods_hbtn img {margin-right:10px}

/* 모든레이어나타내기-코딩용 */
#login_layer{margin:0;padding:0;text-align:center;background-color: #000000;z-index:5; position:absolute; top:0;left:0;width:100%; height:100%; 
filter:Alpha(Opacity=70) revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);}
#login_page{margin:0;padding:0;text-align:center;background-color: #000000;width:335px; height:230px;}
#AttendLayer { position:absolute; right:50%; z-index:100;}

/* 임시 */
.ttt {position:absolute;top:40px;left:20px;background:blue}
.ttt a {font-size:13px;padding:10px;color:#fff}
body.commingsoon {height:750px;background:black;overflow:hidden;overflow-y:hidden }
body.commingsoon div {text-align:center}

/* 한줄댓글 */
.reply {width:640px;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;padding:8px;margin:0 auto}
.reply strong {color:green;vertical-align:-2px;}
.reply input {width:510px}
.reply input.btn_re {width:56px;border:0;padding:0}
dl.replyd {width:640px;padding:8px;margin:0 auto}
dl.replyd dt {color:#fff;font-weight:bold;padding-bottom:5px}
dl.replyd dd {padding-bottom:5px;margin:0 0 10px 0;color:#d2d2d2;border-bottom:1px solid #333;}
dl.replyd dd a img {margin-left:5px;vertical-align:-1px}

dl.replyd dt p.date {width:90px;float:right;margin-top:3px;_margin-top:-26px;text-align:right;font-weight:bold;color:#fff}
dl.replyd dd p.adminw {word-break:break-all;padding:7px 25px 6px 25px;background:#222;color:#fff}
*:first-child+html dl.replyd dt p.date {margin-top:-26px}

.sub_visual a.champ {position:absolute;top:278px;right:22px;}
.sub_visual a.point {position:absolute;top:230px;right:22px;}
.sub_visual .tooni {position:absolute;top:277px;left:22px;}
body.index .tooni {position:absolute;top:323px;left:42px;}
.point {position:absolute;top:369px;right:47px;}
.tooni_index {position:absolute;top:327px;left:43px;}

.board_info {font-size:11px;color:red;text-align:center;margin-bottom:-20px}
.noti_admin {width:661px;height:26px;text-align:center;margin: 30px auto;font-weight:bold;color:#fff;line-height:28px;margin-bottom:-23px;background:url(../img/news/noti_top.gif) no-repeat}
.noti_admin a {font-weight:bold;color:#fff;line-height:28px}
.noti_admin a:hover {color:yellow}

/* intro 2010-05-11*/
body.intro {background:#000 url(../img/intro/bg_intro_gnb.gif) 0 102px repeat-x;overflow-x:hidden}
body.intro .intro_wrap {width:960px;margin:0 auto;}

body.intro h2 {margin-bottom:18px}

.intro_gnb {height:360px;position:relative;margin-bottom:23px;background:url(../img/intro/img_top_vis.jpg) 0 100% no-repeat}
.intro_gnb h1 {text-align:center;position:absolute;top:0;left:412px}
.intro_gnb ul#depth1 {height:77px;padding:72px 0 0 0;background:url(../img/intro/bg_intro_gnb.gif) 0 72px repeat-x;}
.intro_gnb ul#depth1 li {float:left; width:135px; height:22px;text-align:center;}
.intro_gnb ul#depth1 li a {display:block; padding-bottom:10px;font-size:14px;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:47px}
.intro_gnb ul#depth1 li a:hover {color:#c6f2ff}
.intro_gnb ul#depth1 li ul {position:absolute;top:120px;}
.intro_gnb ul#depth1 li.intro_about {padding-left:185px}
.intro_gnb ul#depth1 li.intro_comm {width:60px}
.intro_gnb ul#depth1 li ul.intro_1 {left:0px}
.intro_gnb ul#depth1 li ul.intro_2 {left:105px}
.intro_gnb ul#depth1 li ul.intro_3 {left:30px}
.intro_gnb ul#depth1 li ul.intro_4 {right:100px;_width:420px}
.intro_gnb ul#depth1 li ul.intro_5 {right:50px;_width:225px}
.intro_gnb ul#depth1 li ul.intro_6 {right:0;_width:180px}
.intro_gnb ul#depth1 li ul {_width:700px}
.intro_gnb ul#depth1 li ul li {float:left; color:#fff;width:auto;padding:0 15px;}
.intro_gnb ul#depth1 li ul li a {float:left; font-size:12px;color:#fff;font-weight:100;line-height:30px;}
.intro_gnb a.go_home {position:absolute;top:212px;right:9px}
.intro_gnb a.go_home2 {position:absolute;top:165px;right:9px}
.intro_gnb a.go_champ {position:absolute;top:259px;right:9px}

.intro_match {clear:both;height:660px;overflow:hidden;margin-bottom:20px;background:url(../img/intro/bg_intro_match.gif) 0 100% no-repeat}
.intro_match .champ_cal {float:left;width:650px;height:658px;background:url(../img/intro/bg_intro_match_h.gif) 100% 0 no-repeat}
.intro_match .champ_cal .week_event_wrap {width:635px;height:406px;margin-bottom:20px;background:#131313;overflow:auto;overflow-y:scroll;overflow-x:hidden;
scrollbar-face-color:#444;scrollbar-shadow-color:#726f66;scrollbar-highlight-color:#656565;
scrollbar-3dlight-color:#222;scrollbar-darkshadow-color:#222;scrollbar-track-color:#222;scrollbar-arrow-color:#000;}
.intro_match .champ_cal .week_event {width:625px;background:#131313 url(../img/intro/bg_th.jpg) 0 0 no-repeat;}
.intro_match .champ_cal .week_event thead th {height:28px;text-align:left;padding:0;border:none;}
.intro_match .champ_cal .week_event th, .intro_match .champ_cal .week_event td {border-bottom:1px solid #3a3a3a;padding:8px 0;background:none}
.intro_match .champ_cal .week_event * {color:#fff}
.intro_match .champ_cal .week_event_info {width:613px;background:#1e1e1e url(../img/intro/bg_week_event_info.gif) no-repeat;padding:22px 10px;border:1px solid #363636}
.intro_match .champ_cal .week_event_info ul li {color:#aeb5c0;padding-left:8px;background:url(../img/intro/li_plus.gif) 0 5px no-repeat}
.intro_match .champ_cal .week_event_info ul li strong {color:#aed9d6;}
.intro_match .champ_cal .week_event_info ul li em {font-weight:bold}
.intro_match .champ_cal .week_event tbody td ul li {padding-bottom:10px}
.intro_match .neighbor_info {float:left;width:310px;height:658px;}
.intro_match .neighbor_info .neighbor_info_txt {width:272px;padding:4px;margin-left:23px;border:3px solid #6c6a6b}
.intro_match .neighbor_info .neighbor_info_txt h3 {text-align:center;font-weight:bold;color:#efefef;line-height:32px;background:url(../img/intro/bg_h3.gif) 0 0 no-repeat}
.intro_match .neighbor_info .neighbor_info_txt ol {margin:12px 5px 12px 20px}
.intro_match .neighbor_info .neighbor_info_txt ol li {font-size:11px;line-height:14px;list-style-type:decimal;padding-bottom:7px;}
.intro_match .neighbor_info .neighbor_info_txt ol li ul {margin:5px 0 0 10px}
.intro_match .neighbor_info .neighbor_info_txt ol li ul li {list-style-type:circle;padding:0;}
.intro_match .neighbor_info .neighbor_info_txt ol li strong {color:#fda803}
.intro_match .neighbor_info .neighbor_info_txt ol li em {color:#ff9900}
.intro_match .neighbor_info .neighbor_info_txt a img {padding:0 0 14px 13px}
.intro_event {overflow:hidden;margin-bottom:20px}
.intro_event .intro_event_banner {float:left;width:650px;}
.intro_event .intro_cafe_banner {float:left;width:310px;}
.intro_event .intro_banner {overflow:hidden;}
.intro_event .intro_banner li {float:left;border:3px solid #fff;margin:0 8px 10px 0}
.intro_event .intro_banner img {border:2px solid #000;vertical-align:top}
h2 a.h2_btn {margin:0 10px 0 205px}

.click {font:9px/9px arial;color:red !important;margin-left:5px}
.week_event a td ul li:hover {text-decoration:underline}

.week_event_emart {width:100%}
.week_event_emart th {color:gold;height:30px;text-align:left;padding-left:15px;padding-top:5px}
.week_event_emart td {padding:2px 0 2px 15px;color:#aaa}
.week_event_emart td span {width:90px;display:inline-block}
.week_event_emart td em {width:60px;display:inline-block;padding-left:20px;padding-right:5px;border-right:1px dashed #444}
.week_event_emart td.ck {color:#ddd}