* { 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.DB_cr_top, div.DB_cr_view  { position: relative; margin: 0 auto; width: 772px; font-family: Dotum,돋움; font-size: 12px;}
div.DB_cr_top a, div.DB_cr_view a { text-decoration: none;}
div.DB_cr_top img, div.DB_cr_view img { border: none; vertical-align: middle;}
div.DB_cr_top li, div.DB_cr_view li { list-style: none;}

/* DB 상단 */
div.DB_cr_top { padding-top: 230px; 
	background: #07182c center top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/db_top_img01.jpg) no-repeat;}

/* DB 상단 표 영역 */
div.DB_cr_cell { width: 755px; margin: 0 auto;}

div.DB_cr_tbg { background: center left url(//appdata.hungryapp.co.kr/images/sim/clashroyale/db_sell_bg.png) repeat-y;}

div.DB_cr_tb { position: relative; width: 728px; margin: 0 auto;}

div.DB_cr_tb img.ico_btn01, div.DB_cr_tb img.ico_btn02, div.DB_cr_tb img.ico_btn03, div.DB_cr_tb img.ico_btn04
	{ position: absolute; z-index: 99;}
div.DB_cr_tb img.ico_btn01 { top: 4px; left: 4px;}
div.DB_cr_tb img.ico_btn02 { top: 4px; right: 4px;}
div.DB_cr_tb img.ico_btn03 { bottom: 4px; left: 4px;}
div.DB_cr_tb img.ico_btn04 { bottom: 4px; right: 4px;}

div.DB_cr_tb table { width: 100%; margin-bottom: 10px; overflow: hidden; border-collapse: 1px;
	background: #c19064;
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 5px #000000;}
div.DB_cr_tb table th { text-align: center; font-size: 14px;
	background: #4a2d1d; color: #ffd800;}
div.DB_cr_tb table td { padding: 8px 0; line-height: 18px; text-align: center; font-size: 13px;
	background: #8b6445; color: #fff;}
div.DB_cr_tb table td.td_left { text-align: left; padding: 8px 10px;}
div.DB_cr_tb table td.td_ps { background: #564b3f; color: #fff568;}
div.DB_cr_tb table td.td_tt01 { background: #564b3f; color: #fff568;}
div.DB_cr_tb table td a { color: #fff; font-weight: bold;}
div.DB_cr_tb table td a.click_on, div.DB_cr_tb table td a:hover { color: #00ff00;}

/* [16.03.09] 추가 : Tab Button start */
div.db_tabBtn { position: absolute; top: 165px; left: 12px; overflow: hidden;}
div.db_tabBtn a { display: block; float: left; width: 150px; height: 54px; font-size:0; 
	background-position: top left;
	background-repeat: no-repeat;}
div.db_tabBtn a.tab_btn01 { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn01.png);}
div.db_tabBtn a.tab_btn02 { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn02.png);}
div.db_tabBtn a.tab_btn03 { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn03.png);}
div.db_tabBtn a.tab_btn04 { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn04.png);}
div.db_tabBtn a.tab_btn05 { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn05.png);}

div.db_tabBtn a.tab_btn01_ov, div.db_tabBtn a.tab_btn01:hover { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn01_ov.png);}
div.db_tabBtn a.tab_btn02_ov, div.db_tabBtn a.tab_btn02:hover { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn02_ov.png);}
div.db_tabBtn a.tab_btn03_ov, div.db_tabBtn a.tab_btn03:hover { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn03_ov.png);}
div.db_tabBtn a.tab_btn04_ov, div.db_tabBtn a.tab_btn04:hover { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn04_ov.png);}
div.db_tabBtn a.tab_btn05_ov, div.db_tabBtn a.tab_btn05:hover { background: url(//appdata.hungryapp.co.kr/images/sim/clashroyale/btn05_ov.png);}

/* [16.03.09] 추가 : Tab Button end  */

/* DB 상단 검색 영역 */
ul.DB_cr_sch { width: 728px; height: 46px; margin: 0 auto; 
	background: center top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/db_sch_bg.png) no-repeat;}
ul.DB_cr_sch input { width: 562px; height: 22px; border: 0; line-height: 22px; margin: 12px 13px 0 20px;
	background: 0; color: #000;}
ul.DB_cr_sch li { float: left;}
ul.DB_cr_sch li:last-child { margin-top: 10px;}


/* DB 상단 인기카드 영역 */
ul.DB_cr_hitCard { width: 755px; margin: 0 auto; margin-top: 10px; padding-bottom: 10px;}
ul.DB_cr_hitCard li:first-child { position: relative; width: 755px; height: 47px;
	background: center top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/hit_img.png) no-repeat;}
ul.DB_cr_hitCard li:first-child a { position: absolute; top: 12px; right:15px; display: block; width: 40px; height: 22px; line-height: 22px; text-align: center; font-weight: bold;
	background: #ddd; color: #000;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
ul.DB_cr_hitCard li.li_2th { padding: 10px 0 0 0; overflow: hidden;
	background: center top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/db_sell_bg.png) repeat-y}
ul.DB_cr_hitCard li.li_2th a { display: block; float: left; width: 15%; height: auto; margin-left: 1.4%;}
ul.DB_cr_hitCard li.li_2th a img { width: 100%; height: auto;}
ul.DB_cr_hitCard li:last-child { height: 13px;
	background: center top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/db_sell_img02.png) no-repeat;}



div.DB_cr_view { width: 772px; margin: 10px auto; padding-bottom: 10px;
	background: #07182c;}

div.card_detail { width: 752px; overflow: hidden; margin: 0 auto; padding: 10px 0;}
div.card_detail img { width: auto; height: 240px;}

div.card_detail div.img_card { float: left; width: 28%; padding: 6px 0; text-align: center;
	background: #dfcfc3;
	border: 1px solid #c4a37f;}
div.card_detail table { float: right; width: 71%;
	background: #c4a37f; color: #333;}
div.card_detail table th { height: 40px; text-align: center;
	background: #654736; color: #ffd800;}
div.card_detail table td { height: 40px; text-align: center;
	background: #dfcfc3;}
div.card_detail table tr:last-child td { height: 170px;}

div.card_detail table td strong.class01 { color: #ffffff;}
div.card_detail table td strong.class02 { color: #e74700;}
div.card_detail table td strong.class03 { color: #9c009c;}


div.view_wrEdit { width: 732px; min-height: 200px; margin: 0 auto; padding: 10px;
	background: #dfcfc3;}

div.view_reply { width: 732px; margin: 0 auto;}


ul.DB_card { margin: 0 10px; margin-bottom: 10px; padding: 7px 0 0 7px;
	background: rgba(0,0,0,0.3);
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
ul.DB_card:last-child { margin-bottom: 0;}
ul.DB_card li:first-child { margin-bottom: 5px; width: 200px; height: 44px; line-height: 38px; text-align: center; font-size: 16px;
	background: left top url(//appdata.hungryapp.co.kr/images/sim/clashroyale/bg_cdValue.png) no-repeat; color: #ffff00;}
ul.DB_card li:last-child { overflow: hidden;}
ul.DB_card li:last-child a { display: block; float: left; width: 11%; height: 130px; margin-right: 1.5%;}
ul.DB_card li:last-child a img { width: 100%; height: auto;}
ul.DB_card li:last-child a span { display: block; margin-top: 5px; text-align: center; font-size: 11px; color: #fff;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}