* { 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: 169px; left: 50px; overflow: hidden;}
div.comm_tab_btn a { display: block; float: left;}


/* 표 영역 */
div.comm_cell { top: 228px; left: 165px;}
div.comm_cell ul.cell_info { width: 550px;}
div.comm_cell ul.cell_info li { overflow: hidden; 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: 26px; padding: 1px; text-align: center; color: #ffffff; line-height: 26px; 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; padding: 0;
	border: 1px solid #ff3000;
	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: 35px; margin-top: -6px;}
div.comm_cell ul.cell_info li span { width: 9px; height: 26px; background: center center url(//appdata.hungryapp.co.kr/images/sim/gundamacrosswars/img_sp.png) no-repeat;}
div.comm_cell ul.cell_info li.li_other a { min-width: 44px;}


/* 검색 영역 */
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/gundamacrosswars/bg_search_bar.png) no-repeat;}
ul.comm_search li input { width: 235px; margin: 6px 5px 0 25px; background: none; border: none; height: 22px; color: #eeeeee;}
ul.comm_search li:last-child { padding-top: 4px;}
ul.comm_search li:last-child a:first-child { margin-right: 4px;}


/* DB 파일럿 리스트 상단 */
div.list_notice { width: 772px; margin: 0 auto; margin-top: 10px; overflow: hidden;}
div.list_notice ul { float: left; background: #e1e7ff; border: 1px solid #7d87ac;}
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: #1c58aa; color: #00ffa2; border-bottom: 1px solid #7d87ac;}
div.list_notice ul li:first-child span { margin-left: 10px;}
div.list_notice ul li:last-child { height: 80px; margin-top: 5px;}
div.list_notice ul li a { display: block; float: left; width: 71px; height: 72px; margin-right: 1px; text-align: center;}
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: #7d87ac; 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: #01ffa2; font-weight: bold; background: #1c58aa;}
div.DB_wrap table td { color: #1c58aa; background: #e1e7ff;}

div.DB_list table th { height: 34px; border-bottom: 1px solid #7d87ac; border-top: 1px solid #7d87ac;}
div.DB_list table td { height: 60px; font-weight: bold; border-bottom: 1px solid #7d87ac;}
div.DB_list table td:first-child img { width: 46px; height: auto; margin: 5px auto;}
div.DB_list table td.td_name { text-align: left; padding-left: 10px;}
div.DB_list table td.td_name a { color: #ec008c; font-size: 14px; 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: 40px;}
div.DB_list table td.av_point span { display: block; margin: 0 auto;}
div.DB_list table td.av_point span:last-child { margin-top: 5px; color: #ff0000; font-weight: bold;}


/* DB 상세보기 */

div.DB_gaw_view th { height: 36px;}

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

/* 파일럿 이름 타이틀 */
div.gaw_tt { height: 40px; line-height: 40px; font-size: 16px; color: #96ff00;
	background: #1c58aa; text-align: center;
	border: 1px solid #7d87ac;}
div.gaw_tt strong { font-size: 16px; color: #fff2aa; margin:0; padding: 0;}

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

div.gaw_char { float: left; width: 38%; border: 1px solid #7d87ac; background: #fff;}
div.gaw_char img { width: 100%; height: auto;}

div.gaw_infom { float: right; width: 61%;}
div.gaw_infom table { width: 100%; margin-top: 5px;}
div.gaw_infom table:first-child { width: 100%; margin-top: 0;}
div.gaw_infom th img { width: 104px; height : auto; margin: 5px 0;}
div.gaw_infom td.td_left { text-align: left; padding-left: 10px;}
div.gaw_infom td.td_sp { height: 113px;}
div.gaw_infom td.td_ico img { width: auto; height: 26px;}
div.gaw_infom td.td_gtype img { margin: 0 2px;}

/* 정보 타이틀 바 */
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_otherInfo tr th { 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_otherInfo tr td { height: 60px; text-align: left; padding-left: 10px;}


/* 평가 */
table.view_gp tr th { text-align: left; padding-left: 10px;}
table.view_gp tr th strong { font-size: 14px; margin: 0 5px;}
table.view_gp tr td { padding: 5px}
table.view_gp tr td a { display: block; margin: 0 auto; 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}