@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('../gsp/digimonbattle/2010_grand/layout/bg_blue.jpg') no-repeat center 53px; background-color:#031230;}
body#red{background:url('../gsp/digimonbattle/2010_grand/layout/bg_red.jpg') no-repeat center 0px; background-color:#031230;}
#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('../gsp/digimonbattle/2010_grand/layout/bg_center.png') no-repeat; top:374px;}
#topcontentsLogin{position:absolute; width:1000px; height:206px; background:url('../gsp/digimonbattle/2010_grand/layout/bg_center_login.png') no-repeat; top:374px;}
#top_contents {background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center.html',sizingMethod='crop')\9;}/*100217 추가*/
#topcontentsLogin{background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_center_login.html',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('../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('../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('../gsp/digimonbattle/2010_grand/layout/bg_contop_blue.gif') no-repeat top;background-color:#ffefac;} 
body#red #center_area{background:url('../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:0px;}
#right_area #movie{height:186px;}
#right_area #forum{
    margin-top:5px;
    width:244px;
    height:294px;

    background:#ffefac;

        border:1px solid #021438;

    box-shadow:
        inset 0 0 0 1px #021438,
        inset 0 0 0 2px #1c3f7a;

    padding:10px;

    box-sizing:border-box;
}
#right_area #right_banner{clear:both; margin-top:1px; width:241px; height:78px; background:url('../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='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_forum.html',sizingMethod='crop')\9;}
#right_area #right_banner{background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_banner.html',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('../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;

    margin-left:19px;
    padding:7px;

    background:#ffefac;

    border:1px solid #021438;

    box-shadow:
        inset 0 0 0 1px #021438,
        inset 0 0 0 2px #1c3f7a;

    box-sizing:border-box;
}

#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;
    padding:4px 0 0 4px;
}

.search_area{ position:relative; width:547px; height:142px; background:url('../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('../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('../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('../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('../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('../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('../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('../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('../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='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/bg_left_menu.html',sizingMethod='crop')\9;}
#leftMenu li img{ position:relative; float:left;}

#btn_charge{ width:116px;  margin-top:5px; background:url('../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='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/layout/img_left_menuBottom_01.html',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('../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('../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('../gsp/digimonbattle/2010_grand/shop/bg_info.png') no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../wemade-image.gscdn.com/gsp/digimonbattle/2010_grand/shop/bg_info.html',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('../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 */

/* --- NUEVO DISEÑO PROFESIONAL (AÑADIR AL FINAL DEL CSS) --- */

.prof-box {
    width: 140px;
    background: #fcf4d4;
    border: 1px solid #021438;
    border-top: 5px solid #021438; /* El borde azul que querías */
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 19px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    color: #333;
}

.prof-box h4 {
    margin: 0 0 8px 0;
    padding-bottom: 5px;
    font-size: 11px;
    color: #021438;
    text-transform: uppercase;
    border-bottom: 1px solid #c9c09a;
    text-align: center;
    font-weight: bold;
}

.prof-box .content {
    font-size: 11px;
    line-height: 1.4;
    text-align: left;
}