* { margin: 0; padding: 0;}
html, body, div, p, ul, li, img, h1, h2, h3, h4, h5, h6, h2, span, a { margin: 0; padding: 0;}

div.comm_wrap, div.DB_wrap { position: relative; margin: 0 auto; width: 772px; font-family: Dotum,돋움; font-size: 12px;}
div.comm_wrap a, div.DB_wrap a { text-decoration: none;}
div.comm_wrap img, div.DB_wrap img { border: none; vertical-align: middle;}
div.comm_wrap li, div.DB_wrap li { list-style: none;}

p.comm_notice, div.comm_tab_btn, div.comm_wrap div.comm_bbs ul, div.comm_cell { position: absolute;}


/* tab 버튼 */
div.comm_tab_btn { top: 127px; left: 50px; overflow: hidden;}
div.comm_tab_btn a { display: block; float: left;}


/* 표 영역 */
div.comm_cell { top: 192px; left: 165px;}
div.comm_cell ul.cell_info { width: 550px;}
div.comm_cell ul.cell_info li { overflow: hidden; margin-bottom: 11px;}
div.comm_cell ul.cell_info li.li_other a, div.comm_cell ul.cell_info li.li_other span { margin-bottom: 4px;}
div.comm_cell ul.cell_info li a, div.comm_cell ul.cell_info li span { display: block; float: left;}
div.comm_cell ul.cell_info li a { min-width: 80px; height: 21px; padding: 0 10px; text-align: center; color: #7a2200; line-height: 21px; font-size: 12px; font-weight: bold;}
div.comm_cell ul.cell_info li a:hover, div.comm_cell ul.cell_info li a.value_check { background: rgba(154,29,0,0.7); color: #ffd800; font-weight: bold;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;}
div.comm_cell ul.cell_info li a img { width: auto; height: 18px; margin-right: 3px;}
div.comm_cell ul.cell_info li span { width: 9px; height: 21px; background: center center url(//appdata.hungryapp.co.kr/images/sim/sfw/img_sp.png) no-repeat;}


/* 검색 영역 */
ul.search_hero { top: 325px; left: 157px;} /* 영웅 검색 */
ul.comm_search { position: absolute; overflow: hidden;}
ul.comm_search li { float: left;}
ul.comm_search li:first-child { width: 277px; height: 34px; margin: 2px 5px 0 0; background: left center url(//appdata.hungryapp.co.kr/images/sim/sfw/bg_search_bar.png) no-repeat;}
ul.comm_search li input { width: 267px; margin: 5px 5px 0 5px; background: none; border: none; height: 24px; color: #eeeeee;}


/* DB 영웅 리스트 상단 */
div.list_notice { width: 772px; margin: 0 auto; margin-top: 10px; overflow: hidden;}
div.list_notice ul { float: left; background: #d5bfa8; border: 1px solid #7a624b;}
div.list_notice ul:last-child { float: right;}
div.list_notice ul li { list-style: none; overflow: hidden; width: 382px;}
div.list_notice ul li:first-child { height: 34px; line-height: 34px; background: #24180c; color: #ffe1b7; border-bottom: 1px solid #7a624b;}
div.list_notice ul li:first-child img { margin-left: 16px;}
div.list_notice ul li:first-child span { margin-left: 10px;}
div.list_notice ul li:last-child { height: 80px; margin-top: 5px; background: bottom left url(//appdata.hungryapp.co.kr/images/sim/sfw/bg_newCont.jpg) no-repeat;}
div.list_notice ul li a { display: block; float: left; width: 71px; height: 72px; margin-right: 1px; text-align: center; background: top left url(//appdata.hungryapp.co.kr/images/sim/sfw/bg_newCont_s.png) no-repeat;}
div.list_notice ul li a:first-child { margin-left: 13px;}
div.list_notice ul li a img { width: 67px; height: 67px; margin-top: 4px;}

/* DB 리스트 */

.col_red { color: #ff0000;}
.col_blue { color: #0072bc;}
.col_green { color: #00a417;}
.col_black { color: #000000;}
.col_purple { color: #92278f;}
.col_orange { color: #f26522;}

div.DB_wrap { width: 772px; margin: 0 auto;}
div.DB_wrap table { position: relative; background: #7a624b; width: 100%; font-size: 12px; margin-top: 5px;}
div.DB_wrap table td, div.DB_wrap table th { text-align: center; color:}
div.DB_wrap table th { color: #ffe1b7; font-weight: bold; background: #24180c;}
div.DB_wrap table th.th_st02 { color: #ffe097; background: #574e45;}
div.DB_wrap table td { color: #24180c; background: #d6c0a9;}

div.DB_list div { margin-top: 10px;}
div.DB_list div a { margin-left: 10px; color: #24180c; font-weight: bold;}
div.DB_list div a:hover, div.DB_list div a.teb_btnOn { color: #992000;}
div.DB_list div a img { margin-right: 5px;}
div.DB_list table th { height: 34px; border-bottom: 1px solid #7a624b; border-top: 1px solid #7a624b;}
div.DB_list table td { height: 60px; font-weight: bold; border-bottom: 1px solid #7a624b;}
div.DB_list table td:first-child img, div.DB_list table td:last-child img { width: 54px; height: auto;}
div.DB_list table td.td_name { text-align: left; padding-left: 10px;}
div.DB_list table td.td_name a { color: #a80006; font-size: 16px; font-weight: bold; text-decoration: none;}
div.DB_list table td.td_name a:hover { text-decoration: underline;}
div.DB_list table td.td_ico img { width: auto; height: 30px;}


/* DB 상세보기 */

div.DB_hero_view th { height: 36px;}

div.DB_hero_view { margin-top: 10px;}

/* 영웅 이름 타이틀 */
div.hero_tt { height: 40px; line-height: 40px; font-size: 16px; color: #ffcc00;
	background: top left #4e1400 url(//appdata.hungryapp.co.kr/images/sim/sfw/DB_bg_viewTt.png) no-repeat; text-align: center;
	border: 1px solid #7a624b;}
div.hero_tt strong { font-size: 16px; color: #fff2aa; margin:0; padding: 0;}
div.hero_tt img { width: auto; height: 23px; margin: -3px 0 0 5px;}

/* 영웅 이미지 및 정보 */
div.hero_infos { width: 100%; overflow: hidden; margin-top: 5px;}

div.hero_char { float: left; width: 50%; border: 1px solid #7a624b; background: #fff;}
div.hero_char img { width: 100%; height: auto;}


div.hero_infom { float: right; width: 49%;}
div.hero_infom table { width: 100%; margin-top: 5px;}
div.hero_infom table:first-child { width: 100%; margin-top: 0;}
div.hero_infom th img { width: 104px; height : auto; margin: 5px 0;}
div.hero_infom td.td_left { text-align: left; padding-left: 10px;}
div.hero_infom td.td_sp { height: 60px;}
div.hero_infom td.td_ico img { width: auto; height: 26px;}
div.hero_infom td.td_ico02 { position: relative; padding: 3px;}
div.hero_infom td.td_ico02 img { width: auto; height: 59px;}
div.hero_infom td.td_ico02 span { position: absolute; bottom: -35px; left: 0; height:; display: block; padding: 10px; color: #24180c; background: #ffe6ce; border: 1px solid #d3741a; z-index: 999;}

/* 정보 타이틀 바 */
p.view_sec { height: 44px; margin-top: 10px; line-height: 46px; font-size: 14px; background: top left url(//appdata.hungryapp.co.kr/images/sim/sfw/bg_item_infoTt02.png) no-repeat;}
p.view_sec strong { color: #ffee23; margin-left: 45px;}
p.view_sec span.float_right { display: block; float: right; width: ;}
p.view_sec span.float_right input { margin: 0 2px -5px 15px;}

/* 능력치 정보 */
table.view_heroSkill tr td { height: 40px;}
table.view_heroSkill tr td:first-child img { width: 40px; height: 40px;}
table.view_heroSkill tr td span { color: #9c6228; font-weight: bold;}

/* 스킬정보 */
ul.view_attPoint { margin-top: 5px; color: #ffe097; background: #24180c; border: 1px solid #7a624b;}
ul.view_attPoint li { height: 39px; text-align: center; color: #ffe1b7; font-weight: bold; font-size: 12px; line-height:39px;}
ul.view_attPoint li:last-child { background: #272727; border-top: 1px solid #7a624b;}

div.view_skArea { background: #d6c0a9; border: 1px solid #7a624b; padding-bottom: 5px; border-top: 0; overflow: hidden;}
div.view_skArea table { width: 49%; float: left; margin-left: 1%;}
div.view_skArea table th { color: #ffe097; background: #574e45; text-align: left; padding-left: 10px;}
div.view_skArea table td { background: #fff;}
div.view_skArea table td img { height: 102px; margin: 5px;}
div.view_skArea table tr:last-child td { text-align: left; height: 60px; padding-left: 10px;}


/* 추가정보 */
table.view_otherInfo tr td { height: 60px; text-align: left; padding-left: 10px;}
table.view_otherInfo tr th button { width: 50px; height: 20px; font-size: 12px; background: #777; font-weight: bold; color: #fff; border: 1px solid #ccc; margin-left: 10px; cursor: pointer;}

/* 평가 */
table.view_gp tr th strong { font-size: 14px; margin: 0 5px;}
table.view_gp tr td { padding: 10px 5px 5px 5px;}
table.view_gp tr td a { display: block; margin: 0 auto; margin-top: 10px; height: 40px; line-height: 40px; color: #fff; font-weight: bold; font-size: 14px;}


div.DB_view_reply { margin-bottom: 20px;}
div.DB_listReply { width: 772px; margin: 10px auto 20px auto; margin-bottom: 20px;}
.db_check{display:none}