@charset "utf-8";

/*
	'****************************************************************
  	'*
   	'*  # PROGRAM TITLE : Layout Css
	'*
	'*  # PROGRAMER : smalldevil
	'*
	'*  # CORDING : jjy7921
   	'*
	'*  # FILE CREATE DAY : 2010-02-11
   	'*
   	'*  # PROGRAM CONT : Layout Style
	'*
   	'*  # FILE NAME : /sitelib/css_layout.css
   	'*
   	'*	# MODIFICATIONS
	'*
   	'****************************************************************
*/

html{overflow-x:hidden; }
body#blue{ background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_blue.jpg') no-repeat center 53px; background-color:#031230;}
body#red{background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_red.jpg') no-repeat center 53px; background-color:#3a0000;}
#container{position:relative; width:1000px; overflow:hidden; margin:0 auto; clear:both; }
#top_gnb{ position:absolute; width:1000px; height:174px; top:0;}
#top_contents{position:absolute; width:1000px; height:206px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center.png') no-repeat; top:374px;}
#topcontentsLogin{position:absolute; width:1000px; height:206px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center_login.png') no-repeat; top:374px;}
#top_contents {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center.png',sizingMethod='crop')\9;}/*100217 추가*/
#topcontentsLogin{background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center_login.png',sizingMethod='crop')\9;}/*100217 추가*/

#main_banner{position:absolute; top:391px; left:0; z-index:100;}
#account_area{position:absolute; width:279px; height:159px; z-index:1000; right:0; top:374px;}
#account_area input{ background:transparent; color:#ffba00; border:0px solid; line-height:16px; height:20px;}
#account_area .id_input{ position:absolute; left:77px; top:57px;}
#account_area .id_input input{ background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_id.gif') no-repeat left 4px;}
#account_area .pw_input{ position:absolute; left:64px; top:88px;}
#account_area .pw_input input{ background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_pass.gif') no-repeat left 4px;}
#account_area .btn_login{position: absolute; left:180px; top:49px;}
#account_area .join{position:absolute; left:19px; top:121px;}
#account_area dt{ position:absolute; font-family:tahoma; font-weight:bold; font-size:12px; color:#00ffea; width:165px; text-align:center; top:13px; left:80px;}/*100217 추가*/
#account_area dd.cash_w{position:absolute; color:#ffb200; top:45px; left:90px; text-decoration:none; font-size:10px; }/*100217 추가*/
#account_area dd.cash_c{position:absolute; color:#ffb200; top:45px; left:172px; text-decoration:none; font-size:10px; }/*100217 추가*/
#account_area dd.nickname{position:absolute; top:70px; left:50px;}/*100217 추가*/

#game_start{position: absolute; right:20px; top:533px; z-index:10000;}
#wrapper{width:1000px; overflow:hidden; padding-top:585px;}
#left_area{ width:160px; float:left; overflow:hidden;}
#contents_area{ width:561px; float:left; overflow:hidden; margin-right:6px;}	/* footer 영역 배경 적용 20100216 by smalldevil */
#center_area{ width:561px; float:left; overflow:hidden; background-color:#ffefac; margin-right:6px;}
body#blue #center_area{background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_contop_blue.gif') no-repeat top;background-color:#ffefac;} 
body#red #center_area{background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_contop_red.gif') no-repeat top;background-color:#ffefac;} 
#contents{min-height:650px; padding:7px 0 0 7px;}
*html #contents{height:650px;}

#right_area{width:263px; float:left; overflow:hidden; padding-top:51px;}
#right_area #movie{height:186px;}
#right_area #forum{margin-top:5px; width:244px; height:294px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_forum.png') no-repeat top; padding:41px 0 0 9px;}
#right_area #right_banner{clear:both; margin-top:1px; width:241px; height:78px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_banner.png') no-repeat; padding:14px 0 0 12px;}
#right_area #right_banner li{display:inline;}
#right_area #right_banner li img{margin-right:6px; float:left; position:relative; }
#right_area #forum {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_forum.png',sizingMethod='crop')\9;}
#right_area #right_banner{background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_banner.png',sizingMethod='crop')\9;}
#right_area #forum dl:hover{background-color:#fff2bd;}
.listOver{background-color:#fff2bd;} /* ie 6.0*/
#right_area #forum dl{
_behavior: expression(
  this.onmouseover = new Function("this.className += ' listOver';"),
  this.onmouseout = new Function("this.className = this.className.replace(' listOver', '');"),
  this.style.behavior = null
 ); 
} /* ie 6.0*/
#right_area #forum dl{position:relative; width:211px; height:50px; padding:10px; overflow:hidden; line-height:16px; margin-left:1px; margin-top:1px; float:left;}
#right_area #forum dt{ color:#001f6c; font-weight:bold;}
#right_area #forum dt a{ color:#001f6c; font-weight:bold;}
#right_area #forum .green{color:#437700; font-size:10px; margin-top:3px;}
.title_line{width:523px; height:46px; background: url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_sub_title.gif') no-repeat; padding:0px 24px 0 0px;}
.title_line .sub_title{ float:left;}
.title_line .line_map{float:right; color:#ffb400; font-weight:bold; font-size:10px; margin-top:15px;}
.title_line .line_map a{color:#ffefaa; font-weight:normal;}
#footer{ clear:both;}

/* main */
#left_menu{width:130px; height:400px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_left_menu.png') no-repeat; margin-left:19px; padding:7px 0 0 7px;}/* 100506 modify */
#left_menu {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_left_menu.png',sizingMethod='crop')\9;}
#left_menu #menu_contents{position:relative;}
#left_menu #menu_contents .guide { margin-top:7px; overflow:hidden;}
#left_menu #menu_contents .guide img{ position:relative; display:block; float:left;}
#left_menu #menu_contents .left_banner{margin-top:14px; width:118px; height:135px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_left_banner.gif') no-repeat; padding:4px 0 0 4px;}
.search_area{ position:relative; width:547px; height:142px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_search_bible.gif') no-repeat; margin-top:15px;}
.search_area .search_tab{position:absolute; display:inline; top:10px; right:10px; font-size:13px; font-weight:bold;color:#860000;}
.search_area .search_tab li{float:left; font-size:13px; font-weight:bold; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/contents/bg_search_tab.gif') no-repeat left 7px; padding-left:10px; padding-right:10px;}
.search_area .search_tab li a{color:#2c1600;}
.search_area .search_tab li a:hover{ color:#860000;}
.serach_input dt{position:absolute; left:85px; top:60px;}
.serach_input dt input{ background:transparent; color:#ffdd65; font-size:13px; line-height:20px; height:20px; width:280px; border:0px solid;}
.serach_input .btn_search{ position:absolute; left:407px; top:48px;}
.serach_input .keyworld { position:absolute; left:130px; top:110px; color:#ffdd65; font-size:10px;}
.serach_input .keyworld a{color:#ffdd65; font-size:10px;}
.tab_main{position:relative; width:547px; height:39px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_tab.gif') no-repeat right bottom;}
.tab_main .btn_more{ position:absolute; top:9px; right:12px;}
.round_box{width:547px; overflow:hidden; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_roundbox.gif') no-repeat left top; padding-top:6px;}
.round_box .box_con{position:relative;width:547px; overflow:hidden; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_roundbox.gif') no-repeat left bottom; padding-bottom:6px;}
.notice_list{position:relative;  width:448px; height:45px; margin-left:1px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_notice_line.gif') repeat-x left bottom; padding-top:11px; padding-left:85px; line-height:16px; margin-left:7px;}
.notice_list dt{position:absolute; width:61px; height:33px; display:inline-block; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_notice_date.gif') no-repeat; font-weight:bold; color:#2c1600; font-size:13px; line-height:33px; padding-left:10px; left:8px; top:11px;}
.notice_list dt.important{ color:#840000;}
.notice_list .title img{ vertical-align:middle; padding-left:3px;}
*html .notice_list .title img{ margin-bottom:-3px;}
.notice_list .title a{font-weight:bold; color:#860000; font-size:13px;}
.notice_list dd{font-size:12px;}

.notice_list:hover {background-color:#fff2bd;}
.listOver{background-color:#fff2bd;} /* ie 6.0*/
.notice_list {
_behavior: expression(
  this.onmouseover = new Function("this.className += ' listOver';"),
  this.onmouseout = new Function("this.className = this.className.replace(' listOver', '');"),
  this.style.behavior = null
 ); 
} /* ie 6.0*/
.notice_list.bg_no{background-image:none !important;}
.media_list {margin-left:15px; margin-top:9px; height:141px;}
.media_list li{float:left; width:157px; height:124px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_media_list.gif') no-repeat; padding:8px 0 0 8px; margin-right:11px;}

/*100223 add*/
#leftMenu{width:110px; height:159px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_left_menu.png') no-repeat; padding:6px 0 0 6px; margin-top:5px; margin-left:40px;}
#leftMenu {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_left_menu.png',sizingMethod='crop')\9;}
#leftMenu li img{ position:relative; float:left;}

#btn_charge{ width:116px;  margin-top:5px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/img_left_menuBottom_01.png') no-repeat bottom; margin-left:40px;}/*100430 modify*/
#btn_charge {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/img_left_menuBottom_01.png',sizingMethod='crop')\9;}
#btn_charge img{ float:left;}/*100430 modify*/


/*100317 add*/
#serverTime{ position:absolute; width:124px; height:28px; z-index:10000; line-height:14px; left:648px; top:383px;}
#serverTime dt{ color:#fff; font-size:9px; font-family:tahoma;}
#serverTime dt span{ font-weight:bold;}
#serverTime dd{ color:#ffb400;  font-family:tahoma; font-size:9px;}
#serverTime dd span{ font-weight:bold;}
.faceBook{position:relative;} /* 100325 modify */
.faceBook .bookLayer{ position:absolute; left:12px; z-index:10000; bottom:-127px;} /* 100325 modify */

/*100414 modify*/
#topSearch{ position:relative; width:532px; height:149px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/main/bg_topSearch.gif') no-repeat; padding:49px 0 0 15px;}
.btn_more{ position:absolute; top:9px; right:12px;}
.listCon{width:99px; text-align:center; margin-right:6px; float:left; height:140px; }
.listCon dt{position:relative; width:99px; height:88px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/shop/bg_item_list.gif') no-repeat; padding:11px 0 0 0; margin-bottom:4px; text-align:center; background-color:#000;}/*100414 modify*/
.icoimg{ position:absolute; right:0; top:0;}/*100415 modify*/
.listCon dt p.price{ position: absolute; left:11px; top:59px; width:77px; height:23px; font-size:17px; font-weight:bold; color:#fff0b2; font-family:tahoma; background-color:#000; padding-top:7px; cursor:pointer; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
.listCon dt p.price img{ margin-left:5px;}
.listCon dd{clear:both;}
.listCon dd.name{color:#fff; background-color:#1c0405; width:99px; line-height:16px; padding-top:2px; padding-bottom:2px;}
.listCon:hover dt{ background-position:left -99px;}
.listCon:hover dd{ color:#ff9100;}
.thisSelect dt{background-position:left -99px;}
.thisSelect dd.name{color:#ff9100; background-color:#1c0405; width:99px;}
.thisSelect dd{ color:#ff9100;}
/*100414 modify*/

/* 100415 add main item info by smalldevil */
#infoItem{position:absolute; width:520px; height:100%; background-color:#000; z-index:1000; left:3px; top:0px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/shop/bg_info.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/shop/bg_info.png',sizingMethod='crop');}
#infoItem01{position:absolute; width:536px; height:100%; z-index:10000;}/*100331 modify*/

#infoBox{position:absolute; width:372px; overflow:hidden; background-color:#6f0300; left:50%; margin-left:-189px; padding:3px; top:54px;}/*100331 modify*/
#infoBox .btn_line {background-color:#4d0200; text-align:right; padding:7px 5px; margin-top:20px;}
#infoBox .btn_line a{display:inline-block; background-color:#ffa600; width:77px; height:24px; font-weight:bold; font-size:11px; font-family:tahoma; text-align:center; line-height:24px; margin-left:2px;}
#infoBox .btn_line a.close{color:#000 !important;}
.itemInfo{color:#571d00; padding:8px; overflow:hidden; height:99px; position:relative; background-color:#ffa600;}
.itemInfo .itemImg{width:99px; height:88px; background:url('http://wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/shop/bg_popItem.gif') no-repeat; padding-top:11px; float:left; margin-right:13px; text-align:center;}
.itemInfo dl {text-align:left; width:220px; overflow:hidden; font-family:tahoma;}
.itemInfo dl dt{font-size:12px; font-weight:bold; color:#122e6f; margin-bottom:5px;}
.itemInfo dl dd{font-size:10px; line-height:14px;}
.itemInfo dl dd.price{ position:absolute; bottom:10px; font-size:17px; color:#780b08; font-weight:bold;}
.itemInfo dl dd.price span{ font-size:10px; font-weight:bold; color:#571d00; vertical-align:middle;}
.itemInfo dl dd.level{ font-size:10px; font-weight:bold; color:#571d00; vertical-align:middle;}
.instruction{ padding:20px 20px 0 20px;}
.instruction dt{ color:#ffa600; font-size:12px; font-weight:bold;}
.instruction dd{ color:#ffefac; font-size:10px; line-height:12px;}
.instruction dd span{ font-weight:bold;}
/* 100415 add main item info by smalldevil */


.leftQuick{margin-left:19px;}/* 100506 add */
.leftQuick li img{ float:left;}/* 100506 add */