* { 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: 100%; 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, div.sim_wrap li { list-style: none;}


/* DB 상단 */

div.comm_tt { width: 100%; padding: 5px 0 10px 0; margin: 10px 0 0 0; background: #002538;
	border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;}
div.comm_tt img { margin-left: 10px;}

div.comm_cell table { width: 100%; background: #cccccc; overflow: hidden;
	border: 3px solid #a0a0a0;}
div.comm_cell table th { color: #fce1ff; background: #004651;}
div.comm_cell table td { padding-top: 6px; background: #003b45;}
div.comm_cell table td:last-child { padding-left: 10px;}
div.comm_cell table td a { display: inline-block; min-width: 34px; padding: 5px 6px 5px 6px; margin-right: 3px; color: #eeeeee; text-align: center; font-weight: bold; background: #777777; margin-bottom: 7px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px}
div.comm_cell table td a.value_check { color: #a300ff; background: #ffffff; border: 1px solid #ff41ef;}
div.comm_cell table td select { width: 96%; height: 26px; margin: 3px auto; color: #84e8f8; font-size: 12px; border: 0; background: url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/ico_select.png) no-repeat 98% 50%;}
div.comm_cell table td select option { background: #2d0029;}



/* 검색 영역 */

ul.comm_search { background: #002538; padding-bottom: 10px;
	border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;}
ul.comm_search li { width: 100%; text-align: center;}
ul.comm_search li span { display: inline-block; margin-top: 7px;}
ul.comm_search li span:first-child { width: 94%; max-width: 320px; margin-top: 10px; margin-left: -2px; background: #266f7a; 
	border: 2px solid #009bb3;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px}
ul.comm_search li input { width: 98%; margin: 5px 0; background: none; border: none; height: 24px; color: #eeeeee;}
ul.comm_search li span:last-child { padding: 0 5px;}
ul.comm_search li span:last-child img { margin: 0 1px;}
ul.comm_search li span:last-child img { margin: 0 1px;}


/* DB 리스트 */

div.DB_wrap { width: 100%; margin: 0 auto;}
div.DB_wrap table { position: relative; background: #009bb3; 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 { height: 34px; color: #84e8f8; font-weight: bold; background: #002f48;}
div.DB_wrap table td { height: 34px; color: #ffffff; background: #266f7a;}

div.DB_list { margin-bottom: 10px;}
div.DB_list table th a { color: #84e8f8;}
div.DB_list table td:first-child img { width: 54px; height: auto; margin: 5px 0;}
div.DB_list table td a.td_name { color: #71ff5e; font-weight: bold; text-decoration: none;}
div.DB_list table td a.td_name img { width: 16px; height: auto;}
span.tt_class
div.DB_list table td span { font-weight: normal;}


/* DB 상세보기 */

div.DB_dt_view { width: 99.5%; max-width: 640px; margin: 0 auto; background: #001520; border: 1px solid #00ddff; padding-top: 10px;}

div.DB_dt_viewTop { width: 96%; margin: 0 auto; margin-bottom: 5px; overflow: hidden;}
p.DB_view_img01 { text-align: center;}
p.DB_view_img01 img { width: 100%; max-width: 640px; height: auto;}

p.DB_view_title { width: 100%; height: 34px; margin-bottom: 5px; line-height: 30px; color: #ffff00; font-size: 16px; overflow: hidden;
	background: left center  url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_view_title.png) no-repeat;}
p.DB_view_title strong { margin-left: 25px;}
p.DB_view_title img { float: right;}

div.DB_dt_view table tr .txt_left { text-align: left; padding-left: 10px;}
div.DB_dt_view table tr .txt_left img { margin-right: 5px; width: auto; height: 14px;}
div.DB_dt_view table th select { width: 96%; height: 24px; margin: 0 auto; color: #84e8f8; font-size: 12px; border: 0; background: url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/ico_select.png) no-repeat 98% 50%;}
div.DB_dt_view table th select option { background: #2d0029;}



/* 덱 시뮬레이터 */

ul.img_ceck_txt02 { display: table; width: 96%; margin: 0 auto; margin-bottom: 10px;}
ul.img_ceck_txt02 li { display: table-cell; text-align: center; vertical-align: middle;}
ul.img_ceck_txt02 li img { }

div.sim_wrap { width: 100%; height: auto; 
	background: top center url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_simul02.jpg) no-repeat;
	background-size: auto 100%;}
ul.sim_ship { width: 94%; max-width: 640px; padding-bottom: 10px; margin: 0 auto; text-align: center; overflow: hidden; border: 3px solid #eee;
	background: rgb(1,1,156); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDE5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNmM0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(1,1,156,1) 0%, rgba(38,196,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,1,156,1)), color-stop(100%,rgba(38,196,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(1,1,156,1) 0%,rgba(38,196,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(1,1,156,1) 0%,rgba(38,196,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(1,1,156,1) 0%,rgba(38,196,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(1,1,156,1) 0%,rgba(38,196,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01019c', endColorstr='#26c4f7',GradientType=0 ); /* IE6-8 */}
ul.sim_ship li { display: inline-block; position: relative;}
ul.sim_ship li:first-child { width: 96%; margin-left: 2%;}
ul.sim_ship li:first-child strong { line-height: 40px; color: #ffffff; font-size: 18px;}
ul.sim_ship li:first-child span { display: inline-block; padding: 0 10px; margin: 0 10px; line-height: 22px; color: #ffffff; font-size: 16px; background: rgba(0, 0, 0, 0.3);
	border: 1px solid  #ccc;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}

li.sim_img_ship			{ margin-top: 8px;}
li.sim_img_ship	img		{ width: auto; height: 90px;}
li.sim_img_pilot		{ margin: 8px 0 0 5px;}
li.sim_img_pilot img	{ width: auto; height: 110px;}
ul.sim_ship li.sim_img_pilot img	{ width: auto; height: 90px;}

li.sim_img_cost			{ width: 52px; height: 56px; line-height: 75px; margin: 20px 34px 0 34px; text-align: center; font-size: 24px; color: #fff; background: bottom center url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_costNo.png) no-repeat;}
li.sim_img_burden		{ width: 137px; height: 98px; line-height: 140px; margin: 10px 0 0 0; text-align: center; font-size: 24px; color: #fff; background: bottom center url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_takeNo.png) no-repeat;}


div.sim_bottom { width: 96%; max-width: 640px; margin: 15px auto 0 auto; text-align: center;}

ul.sim_pilot { display: inline-block; width: 300px; height: 136px; margin: 0 5px; margin-bottom: 10px; 
	background: top center url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_simul_pilot.png) no-repeat;
	background-size: 100% 100%;}
ul.sim_pilot li { float: left; position: relative;}
ul.sim_pilot li.sim_img_pilot { margin: 14px 0 0 5px;}
ul.sim_pilot li.sim_img_pilot:first-child { margin-left: 10px;}
ul.sim_pilot li.sim_img_cost { margin: 67px 0 0 5px;} 
ul.sim_margin { margin-right: 10px;}

li.sim_img_ship strong, li.sim_img_pilot strong { position: absolute; bottom: 4px; left: 50%; width: 75px; height: 25px; margin-left: -38px; text-align: center; line-height: 28px; color: #ffe400; font-size: 16px; background: top center url(//appdata.hungryapp.co.kr/images/sim/sdgundamg/bg_simLv.png) no-repeat;}
 

/* 덱 선택 레이어팝업 */
div.deck_select { width: 100%; max-width: 340px; margin: 0 auto;}
div.deck_select p { text-align: right; margin-bottom: 2px;}
div.deck_st_dt { width: 100%; border: 2px solid #00ddff; background: #002538; padding: 10px 0; overflow: hidden;}

ul.deck_st_top { width: 96%; margin: 0 auto; margin-bottom: 10px;}
ul.deck_st_top li:first-child { margin-bottom: 9px;}
ul.deck_st_top li:first-child select, ul.deck_st_top li:last-child input { height: 27px; border: 1px solid #009bb3;}
ul.deck_st_top li:first-child select:first-child { width: 78%;}
ul.deck_st_top li:first-child select:last-child	 { width: 20%;}
ul.deck_st_top li:last-child input { width: 54%; height: 27px; margin: 3px 3px 0 0;}
ul.deck_st_top li:last-child img { width: 21%; max-width: 69px; height: auto;}
ul.deck_st_top li:last-child img:last-child { margin-left: 3px;}

ul.deck_st_list { float: left; width: 50%; height: 309px; margin-left: 2%; border: 1px solid #009bb3; overflow-y: scroll;}
ul.deck_st_list li { border-bottom: 1px solid #009bb3; height: 30px; line-height: 30px; color: #ffffff; text-align: center; background: #266f7a;}
ul.deck_st_list .active{background: #1e3a49;}

div.deck_st_dt table { float: right; width: 44%; height: 312px; margin: 0 2% 0 0 ; border: 1px solid #009bb3;}
div.deck_st_dt table tr td { height: 60px; text-align: center; font-size: 16px; color: #84e8f8;}
div.deck_st_dt table tr td select { height: 27px; border: 1px solid #009bb3;}
div.deck_st_dt table tr:last-child td { height: 33px;}
div.deck_st_dt table tr:first-child td img { width: 96%; height: auto; margin: 5px auto;}


/* 덱 비교 레이어팝업 */
div.deck_compare { width: 100%; max-width: 340px; margin: 0 auto;}
div.deck_compare p { text-align: right; margin-bottom: 2px;}
div.deck_st_cp { width: 100%; padding: 10px 0; border: 2px solid #00ddff; background: #002538; overflow: hidden;}

ul.compare_img { width: 96%; margin: 0 auto; background: #002f48; overflow: hidden;}
ul.compare_img li { width: 49%; border: 1px solid #009bb3; text-align: center;}
ul.compare_img li img { width: 100%; height: auto;}
ul.compare_img li strong { display: block; height: 30px; line-height: 30px; color: #84e8f8;}
ul.compare_img li:first-child { float: left;}
ul.compare_img li:last-child { float: right;}

div.deck_st_cp table { width: 96%; margin: 10px auto; background: #009bb3;}
div.deck_st_cp table tr td { height: 30px; background: #266f7a; text-align: center; color: #fff;}
div.deck_st_cp table tr td.td_tt { background: #002f48; color: #84e8f8; font-weight: bold;}
div.deck_st_cp table tr td.td_tt02 { height: 24px; background: #1e3a49; color: #84e8f8; font-weight: bold;}

div.compare_btn { text-align: center;}
div.compare_btn span { color: #fff;}


.db_check {display:none;}