body{font-size:12px; font:"돋움"; color:#041c29}
p{margin:0; padding:0}
img{ border:0px; vertical-align:middle;}

.db_iconA{ width:15%;}
.db_iconB{ margin-right:3%;}
.db_iconC{ width:78%; margin-left:20%; }
.db_iconD{ width:12%; margin-left:1%; float:left; margin-top:6%; }
.db_iconE{ width:11%; margin:1% 0; margin-left:-1%; float:left;  }
.db_iconEb{width:11%; margin:1% 0; margin-left:2.5%; float:left;  }
.db_img_list{ width:100%;}
.db_btn_search{ position:absolute; left:61%;  top:10%; width:15%;}
.db_btn_reset  {position:absolute; left:77%;  top:10%; width:15%;}

/*cardimg*/
.db_card_body_height{ width:100%; visibility:hidden;}
.db_card_body{  z-index:1; position:absolute; top:0%; left:0%; width:100%;}
.db_card_ttA{   z-index:1; position:absolute; top:46.5%; left:4%; width:90%;}
.db_card_ttB{   z-index:1; position:absolute; top:45.2%; left:5.6%; width:90%;}
.db_card_ttC{   z-index:1; position:absolute; top:45.2%; left:5.6%; width:90%;}
.db_card_thumA{ z-index:0; position:absolute; top:8%; left:18%;  width:63%;}
.db_card_thumB{ z-index:0; position:absolute; top:12%; left:15%;  width:74%;}
.db_card_thumC{ z-index:0; position:absolute; top:3%; left:24%;  width:55%;}
.db_card_dragon{z-index:1; position:absolute; top:-3%; left:26%; width:73%;}
.db_card_num1{  z-index:1; position:absolute; top:4.5%; left:6%; width:16%;}
.db_card_num1B{  z-index:1; position:absolute; top:6.5%; left:6%; width:16%;}
.db_card_num2{  z-index:1; position:absolute; bottom:5%; left:6.8%; width:16%;}
.db_card_num3{  z-index:1; position:absolute; bottom:5%; right:5%; width:16%;}
.db_card_textA{  z-index:1; position:absolute; top:65%; left:17%; letter-spacing:-1.5px; width:65%; color:#fff; }
.db_card_textB{  z-index:1; position:absolute; top:70%; left:17%; letter-spacing:-1.5px; width:65%; color:#000; }
.db_card_textC{  z-index:1; position:absolute; top:65%; left:17%; letter-spacing:-1.5px; width:65%; color:#000; }
.db_card_rarity_minoinA{ z-index:1; position:absolute; top:55.0%; left:40%;  width:16%;}
.db_card_rarity_minoinB{ z-index:1; position:absolute; top:56%; left:40.7%;  width:18%;}
.db_card_rarity_minoinC{ z-index:1; position:absolute; top:55.0%; left:38%;  width:28%;}
.db_card_bot{  z-index:1; position:absolute; bottom:8%; left:29%; width:46%;}
.db_card_bot_tt{ z-index:2; position:absolute; bottom:4.3%; left:19%; width:65%; }

.db_search {position:absolute; left:18%; top:17%; width:40%; padding: 0% 0 0% 1%; border:0px; background-color:#fff;}
.db_filter1{ width:27px; height:18px; margin:0 2%; text-align:center;}
.db_tribeA{ color:#ffffff;}
.db_tribeB{ color:#00d8ff;}
.db_tribeC{ color:#de5aff;}
.db_tribeD{ color:#12ff00;}
.db_tribeE{ color:#ff6c00;}
.db_c_yel{color:#ffea00; font-weight:bold;}
.db_c_tteng{font-size:18px; margin-left:2%; font-weight:normal;}
.db_c_scoreA{ float:left; background:#294373; padding:5% 0; color:#fff; font-weight:bold; text-align:center; width:30%; margin:2% 1% 2% 2%;}
.db_c_scoreB{ float:left; background:#27777e; padding:5% 0; color:#fff; font-weight:bold; text-align:center; width:21%; padding:1.8% 0;   margin-top:2%; font-size:12px; height:20px; margin-left:1.5%;}
.db_c_scoreC{ float:left; background:#0a3134; padding:5% 0; color:#fff; font-weight:bold; text-align:center; width:21%; padding:1.8% 0; margin-top:2%; font-size:14px; height:20px;}
.db_c_scoreD{ float:left; background:rgba(0, 24, 26, 0.8);  color:#fff; font-weight:bold; text-align:center; width:100%; padding:2.7% 0;}


.db_main_bg  {width:100%; position:relative;}
.db_main_bg2 {            position:relative; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/main_bg2.jpg) repeat-y; background-size:100%; padding:0 2%; }
.db_main_bg3 {width:100%; position:relative;}
.db_more{ position:absolute; bottom:5px; width:100%;}

.db_list_wrapper {width:100%; position:relative;}


.db_wrapper{position:relative; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/bg_view.jpg);  border:#412f24 3px solid; padding:10px 0 10px;}

.db_contents3{margin-bottom:10px; }
.db_contents4{margin-bottom:10px; position:relative;}
.db_contents5{position:relative;}
.clera_both{ clear:both;}

.db_watermark{ padding:2%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/bg_water.jpg);}
.db_score_L{ background:#aeb7c9 url(//appdata.hungryapp.co.kr/images/sim/hearthstone/bg_score.png) right no-repeat;; background-size:65%;}
.db_score_R{ background:#adc4c6 url(//appdata.hungryapp.co.kr/images/sim/hearthstone/bg_score.png) right no-repeat;; background-size:65%;}

/*테이블부분*/
.table_0px{width:100%; position:relative; }
.table_0px table {width:100%; border:0px solid #120a04; border-collapse:collapse;}
.table_0px table td.td0 {border:0px solid #120a04; padding:0 0 0 6px;}
.table_0px table td.td1A {border:0px solid #120a04; padding:6px 0 6px 6px; color:#ffffff; font-size:22px; font-weight:bold;}
.table_0px table td.td1B {border:0px solid #120a04; padding:6px 0 6px 6px; color:#00d8ff; font-size:22px; font-weight:bold;}
.table_0px table td.td1C {border:0px solid #120a04; padding:6px 0 6px 6px; color:#de5aff; font-size:22px; font-weight:bold;}
.table_0px table td.td1D {border:0px solid #120a04; padding:6px 0 6px 6px; color:#12ff00; font-size:22px; font-weight:bold;}
.table_0px table td.td1E {border:0px solid #120a04; padding:6px 0 6px 6px; color:#ff6c00; font-size:22px; font-weight:bold;}
.table_0px table td.td2 {border:0px solid #120a04; padding:1% 1%;; color:#ffffff;  }
.table_0px table td.td_line {border-top:1px solid #120d0a; border-bottom:1px solid #594a43;}

.table_0px table td .block1    {display:inline-block; width:20%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl3.png) no-repeat right; padding:0 3%;}
.table_0px table td .block1_la {display:inline-block; width:20%; padding:0 3%;}

.table_1pxA{width:90%; padding-bottom:5px;  }
.table_1pxA table {width:100%; border:1px solid #926a68; border-collapse:collapse;}
.table_1pxA table td.td1 {border:1px solid #926a68; padding:6px; color:#fff; background-color:#230a08; text-align:center;  font-weight:bold;}
.table_1pxA table td.td2 {border:1px solid #926a68; padding:6px; color:#fff; background:rgba(125, 18, 12, 0.5)  }

.table_1pxA table td .block1 {display:inline-block; width:15%; text-align:center; margin:0; padding:0; line-height:150%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl.png) no-repeat right;}
.table_1pxA table td .block1_la {display:inline-block; width:15%; text-align:center; margin:0; padding:0; }
.table_1pxA table td .block2 {display:inline-block; width:25%; text-align:center; margin:0; padding:0; line-height:150%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl.png) no-repeat right;}
.table_1pxA table td .block2_la {display:inline-block; width:25%; text-align:center; margin:0; padding:0; }

.table_1pxB{width:90%; padding-bottom:5px; padding-top:10px; }
.table_1pxB table {width:100%; border:1px solid #b46f49; border-collapse:collapse;}
.table_1pxB table td.td1 {border:1px solid #b46f49; padding:6px; color:#fff; background-color:#311501; text-align:center;  font-weight:bold;}
.table_1pxB table td.td2 {border:1px solid #b46f49; padding:6px; color:#fff; background:rgba(84, 51, 13, 0.5)  }

.table_1pxB table td .block1 {display:inline-block; width:15.5%; text-align:center; margin:0; padding:0; letter-spacing:-1px; line-height:170%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl.png) no-repeat right;}
.table_1pxB table td .block1_la {display:inline-block; width:15.5%; text-align:center; margin:0; padding:0; letter-spacing:-1px; }
.table_1pxB table td .block2    {display:inline-block; width:24%; text-align:center; margin:0; padding:0; line-height:170%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl.png) no-repeat right;}
.table_1pxB table td .block2_la {display:inline-block; width:24%; text-align:center; margin:0; padding:0; }

.list_check { font-weight:bold; color:#ffea00}

.table_1pxC{width:100%; position:relative; }
.table_1pxC table {width:100%; border:1px solid #120a04; border-collapse:collapse;}
.table_1pxC table td.td1 {border:1px solid #120a04; padding:1.5% 1% 1.5% ; color:#31230c; background-color:#c2a065; font-weight:bold; text-align:center;}
.table_1pxC table td.td2 {border:1px solid #120a04; padding:1.5% 1% 1.5% 12px; color:#31230c; background-color:#e2d3ba; line-height:150%; }

.table_2px{width:100%; position:relative; }
.table_2px table {width:100%; border-top:1px solid #120d0a; border-bottom:1px solid #594a43;  border-left:1px solid #120d0a; border-right:1px solid #594a43; color:#ffdecc; }
.table_2px table td.td1 {     border-top:1px solid #594a43; border-bottom:1px solid #120d0a;  border-left:1px solid #594a43; border-right:1px solid #120d0a; padding:1.5% 0; text-align:center; background:rgba(29, 19, 14, 0.5)  }
.table_2px table td.td2 {     border-top:1px solid #594a43; border-bottom:1px solid #120d0a;  border-left:1px solid #594a43; border-right:1px solid #120d0a; padding:1.5% 0 1.5% 3%; text-align:left;}

.table_list{width:100%; color:#fff; }
.table_list table {width:100%; border:0px solid #b46f49; }
.table_list table td.td0 {padding:6px; background-color:#5f1917; text-align:center;  font-weight:bold;}
.table_list table td.td1    {padding:6px; background-color:#311501;                     border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_list table td.td1_th { text-align:right; background-color:#311501;               border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_list table td.td2    {padding:6px; background-color:#311501; text-align:center;  border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}

/*더블볼더*/
.db_dbA{
	padding:5px; 
    box-shadow:
        inset 0 0 0 1px #26180d,
        inset 0 0 0 2px #633f21,
        inset 0 0 0 3px #422a16,
        inset 0 0 0 4px #382413,
        inset 0 0 0 5px #23160c;
        /* And so on and so forth, if you want border-ception */
    position: relative;
}

.db_dbB{
	padding:5px; 
    box-shadow:
        inset 0 0 0 1px #0d1626,
        inset 0 0 0 2px #213963,
        inset 0 0 0 3px #162642,
        inset 0 0 0 4px #132038,
        inset 0 0 0 5px #0c1423;
        /* And so on and so forth, if you want border-ception */
    position: relative;
}

 /* 덱시뮬 추가부분 */
.db_img100{ width:100%;}
.db_topjop{ width:17%; margin:0 0.1%;}
.db_topjopB{ margin:2% 0.1% 1%;}
.db_img_vs{ width:100%;}
.db_icon_job    { width:78%; margin-left:20%; }
.db_icon_job_onA{ width:78%; margin-left:20%; position:absolute; top:0; right:0; }
.db_icon_job_onB{ width:78%; margin-left:20%; position:absolute; top:0; right:0; }
.db_icon_dust{ width:17%; margin-right:5%;}
.db_icon_dustB{ width:17%; margin-right:5%;}
.db_icon_dustC{ width:4%; margin-right:1%;}
.db_icon_mana{ width:25%; margin-right:5%;}
.db_icon_manaB{ width:35%; margin-right:5%;}
.db_img_vsB{ width:90%;}
.db_img_rec{ margin-bottom:1%;}
.db_btn_search2{ width:22%; margin-left:0.5%;}
.db_btn_reset2 { width:22%; margin-left:0.5%;}
.db_jobicon{ position:relative; margin:10% 0;}
.db_dirL{ position:absolute; left:1%; top:40%; width:20%; z-index:5;}
.db_dirR{ position:absolute;right:1%; top:40%; width:20%; z-index:5;}

.db_search2 {width:47%; padding:2% 0; padding-left:2%; border:1px; background-color:#fff;}
.db_c_white{color:#fff; font-weight:bold; line-height:170%;}
.db_check{  margin-right:1%;display:inline-block;}
.db_c_sortB{ background:#2f1616; letter-spacing:-1px; color:#ffcdca; font-weight:bold; margin:1% 0.1% 0; display:inline-block; border-radius: 3px;
	padding:2%; 
    box-shadow:
        inset 0 0 0 1px #230a08,
        inset 0 0 0 2px #926a68,
        inset 0 0 0 3px #230a08;
        /* And so on and so forth, if you want border-ception */
    position: relative;
	}
.db_c_sortB_on{ background:#b44800; letter-spacing:-1px; color:#ffcdca; font-weight:bold; margin:1% 0.1%; display:inline-block; border-radius: 3px;
	padding:2%; 
    box-shadow:
        inset 0 0 0 1px #230a08,
        inset 0 0 0 2px #926a68,
        inset 0 0 0 3px #230a08;
        /* And so on and so forth, if you want border-ception */
    position: relative;
	}
	
 /* 덱시뮬 쓰기_리스트 추가부분 */
.top_write{border:#1a110b 1px solid; background:#cec7ba; padding:3% 0 ;}
.db_contexts{border:#1a110b 1px solid; background:#eedfc3; padding:3%; text-align:left; min-height:100px;}
.db_search_div{ }
.db_cardframe{ position:relative; width:50%; float:left; }
.db_sortB{ padding:1% 0 1%;}

/*덱테이블*/
.table_listB{width:100%; color:#de9c98; }
.table_listB table {width:100%; border:0px solid #b46f49; }
.table_listB table td.td0 {padding:6px; background-color:#5f1917; text-align:center;  font-weight:bold; color:#ffc6c4;}
.table_listB table td.td1    {padding:6px; background-color:#311501;                     border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_listB table td.td1_th { text-align:right; background-color:#311501;               border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_listB table td.td2    {padding:6px; background-color:#311501; text-align:center;  border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_listB table td.td3    {padding:6px; background-color:#000;                     border-top:1px solid #442e2e; border-bottom:1px solid #170b0b; padding-left:5%;}

.table_1pxD{border:#260901 1px solid; background:#cec7ba; padding:1.5% ;}
.table_1pxD table {width:100%; border:1px solid #260901; border-collapse:collapse;}
.table_1pxD table td.td1 {border:1px solid #260901; padding:6px; color:#ffefcb; background-color:#230a08; text-align:center;  font-weight:bold;}
.table_1pxD table td.td2 {border:1px solid #260901; padding:6px; color:#260901; background-color:#f3ede2;  }

.table_1pxD table td .block1 {display:inline-block; text-align:left; width:17%; margin:0; padding:0 1%; line-height:150%; background:url(//appdata.hungryapp.co.kr/images/sim/hearthstone/table_tl4.png) no-repeat right;}
.table_1pxD table td .block1_la {display:inline-block; text-align:left; width:17%; margin:0; padding:0 1%; }

.table_1pxE{width:100%; position:relative; }
.table_1pxE table {width:100%; border:1px solid #120a04; color:#fff; background-color:#2f1616;}
.table_1pxE table td.td0{border:1px solid #120a04; padding:1.5% 1% 1.5% ; background-color:#260901; text-align:center;  font-weight:bold; color:#fcf6cd;}
.table_1pxE table td.td0b{ padding:1.5% 1% 1.5% ; background-color:#5f1917; text-align:center;  font-weight:bold; color:#fcf6cd; border-bottom:1px solid #170b0b;}
.table_1pxE table td.td1    {padding:6px;                     border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_1pxE table td.td1_th { text-align:right;               border-top:1px solid #442e2e; border-bottom:1px solid #170b0b;}
.table_1pxE table td.td2    {padding:6px;  text-align:center;  border-top:1px solid #442e2e; border-bottom:1px solid #170b0b; }
.table_1pxE table tr.sortA  {background-color:#2f1616;}
.table_1pxE table tr.sortB  {background-color:#1f4e4d;}
.table_1pxE table tr.sortC  {background-color:#3c2346;}
.table_1pxE table tr.sortD  {background-color:#1f2f16;}
.table_1pxE table tr.sortE  {background-color:#47270a;}

.table_1pxF{width:100%; position:relative; }
.table_1pxF table {width:100%; border:1px solid #120a04; border-collapse:collapse; color:#fff; background-color:#2f1616;}
.table_1pxF table td.td0{border:1px solid #120a04; padding:1.5% 1% 1.5% ; background-color:#260901; text-align:center;  font-weight:bold; color:#fcf6cd;}
.table_1pxF table td.td3    {padding:6px;  text-align:center;  border:1px solid #170b0b; background:#cbb58e; color:#260901; font-weight:bold;}
.table_1pxF table td.td4    {padding:6px;  text-align:center;  border-bottom:1px solid #170b0b; background:#766a56; font-weight:bold;}

/*덱시뮬그래프*/
.db_state{ width:100%; }
.db_state_E{width:56px;}
.db_gazeA{float:left; position:relative; width:5px; height:30px; margin-left:2px; background-color:#523a3a;}
.db_gazeA_E0{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:1px; width:100%; }
.db_gazeA_E1{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:3px; width:100%; }
.db_gazeA_E2{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:3px; width:100%; }
.db_gazeA_E3{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:2px; width:100%; }
.db_gazeA_E4{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:4px; width:100%; }
.db_gazeA_E5{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:8px; width:100%; }
.db_gazeA_E6{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:2px; width:100%; }
.db_gazeA_E7{position:absolute; bottom:0; left:0; background-color:#3ab6ff; height:1px; width:100%; }


.db_gazeB{float:left; position:relative; width:5px; height:30px; margin-left:2px; background-color:#b28f70;}
.db_gazeB_E0{position:absolute; bottom:0; left:0; background-color:#284fae; height:1px; width:100%; }
.db_gazeB_E1{position:absolute; bottom:0; left:0; background-color:#284fae; height:1px; width:100%; }
.db_gazeB_E2{position:absolute; bottom:0; left:0; background-color:#284fae; height:10px; width:100%; }
.db_gazeB_E3{position:absolute; bottom:0; left:0; background-color:#284fae; height:20px; width:100%; }
.db_gazeB_E4{position:absolute; bottom:0; left:0; background-color:#284fae; height:30px; width:100%; }
.db_gazeB_E5{position:absolute; bottom:0; left:0; background-color:#284fae; height:20px; width:100%; }
.db_gazeB_E6{position:absolute; bottom:0; left:0; background-color:#284fae; height:10px; width:100%; }
.db_gazeB_E7{position:absolute; bottom:0; left:0; background-color:#284fae; height:1px; width:100%; }