@charset "utf-8";
/* CSS Document */
/*--------------------------------
hungryapp style Sheet

version: 1.1
author: Jojunghee
email: jjh@monawa.com
website: //www.hungryapp.co.kr/
--------------------------------*/

/*
html,body,div,p,ul,li,img,h1,h2,h3,h4,h5,h6,h2,span,a { margin:0; padding:0; border:0; list-style:none; vertical-align:middle }
img,p,li {border:0;margin:0;padding:0;}
html,body {width:100%;height:100%;padding:0;margin:0; font-size:12px; font-family:'NanumGothic','Malgun Gothic','맑은 고딕',Dotum,돋움; color:#444444; list-style:none; background:#ffffff;}
*/
/*img*/
.hasp3_thumA{ height:28px; border:#a8a8a8 1px solid;}
.hasp3_thumB{ width:55%; position:absolute; right:0; top:5%;}
.hasp3_thumC{ width:35%; position:absolute; right:5%; top:11%;}
.hasp3_thumD{ width:95%;}
.hasp3_iconA{ margin:3px 3px;}
.hasp3_iconB{ margin:3px 3px; width:12%;}
.hasp3_iconC{ margin:0; width:10%;}
.hasp3_iconD{ margin-right:3px; width:8%;}
.hasp3_dir_L{ position:absolute; left:7px; top:52px; }
.hasp3_dir_R{ position:absolute; right:7px; top:52px; }
.hasp3_dir_L2{ position:absolute; left:7px; top:25px; width:7.5%;z-index:10p;}
.hasp3_dir_R2{ position:absolute; right:7px; top:25px;width:7.5%;z-index:10p;}
.hasp3_btnA{ margin:5px 0;}
.hasp3_navi_dir{ margin:4px;}

/*p태그*/
.hasp3_c_lnbB1{ display:inline-block; }
.hasp3_c_lnbB2{ position:absolute; right:0px; top:10px; font-weight:bold; color:#3f3f3f;}
.hasp3_c1{ font:24px 'Arial Black',Arial,Verdana,Tahoma; color:#d40000; position:absolute; top:182px; left:35px; width:187px; text-align:center; }
.hasp3_c1 span{font-size:14px; color:#333; margin-left:3px; font-weight:bold;}
.hasp3_c2{ position:absolute; top:250px; left:77px; font-size:14px; color:#ffd6d6; text-align:left; width:80%;}  
.hasp3_c2_r{ position:relative;}  
.hasp3_c3{ color:#36ff00; font-weight:bold; vertical-align:baseline;}
.hasp3_c4{color:#fffc00; font-weight:bold;  vertical-align:baseline;}
.hasp3_c5{color:#444444; font-weight:bold; font-size:14px; padding:20% 0; text-align:center; width:60%; position:relative;left:-35px; }
.hasp3_c5b{color:#444444; font-weight:bold; font-size:14px; padding:10% 0; text-align:center; width:65%;}
.hasp3_c5c{color:#444444; font-weight:bold; font-size:14px; padding:1% 0; text-align:center; width:100%;  }
.hasp3_c6 {font:18px 'Arial Black',Arial,Verdana,Tahoma; color:#d40000; }
.hasp3_c6b{font:16px 'Arial Black',Arial,Verdana,Tahoma; color:#d40000; }
.hasp3_c7{color:#666666; font-size:11px; }
.hasp3_c8{color:#0080cc; font-size:12px; font-weight:bold; }
.hasp3_c9{color:#fff;     font-size:14px; font-weight:bold; position:absolute; right:8px; top:30%; letter-spacing:1px;}
.hasp3_c10{color:#393939; font-size:12px; font-weight:bold; position:absolute; right:-18px; top:5; letter-spacing:1px; z-index:10;text-align:right; }

/*LNB*/
.hasp3_lnbA{ width:202px;}
.hasp3_lnbA_el{position:relative;}
.hasp3_lnbB{ width:202px;}
.hasp3_lnbB_mid{ background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/lnb_B_mid.png) repeat-y; padding:6px 0 ;}
.hasp3_lnbB_el{ position:relative; border-bottom:#bfbfbf dotted 1px; width:90%; text-align:left;}
.hasp3_lnbtline{ display:none; }
.hasp3_lnbtline_on { position:absolute; width:194px; height:10px; top:-1px; left:4px; z-index:100; }

/* link */
.hasp3_c_lnbB1 a{text-decoration:none; color:#000;}
.hasp3_c_lnbB1 a:hover{text-decoration:underline; color:#3f3f3f;}
.hasp3_c_lnbB2 a{text-decoration:none; color:#000;}
.hasp3_c_lnbB2 a:hover{text-decoration:underline; color:#3f3f3f;}

/* 상품 리스트 공통 스타일 */
.hasp3_shoplist {}
.hasp3_shoplist div.Goods { float:left; margin:0 0 13px 10px; padding:10px; width:160px; height:190px; background:#fff; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px; font-size:14px; color:#222; text-align:center; line-height:18px }
.hasp3_shoplist div.Goods a { color:#222; text-decoration:none; }
.hasp3_shoplist div.Goods p.GoodsImg { width:160px; height:140px; margin-bottom:10px; text-align:center; overflow:hidden }
.hasp3_shoplist div.Goods p.GoodsImg img { width:100% }
.hasp3_shoplist div.Goods span.Price { color:#666; font-size:13px }
.hasp3_shoplist div.Goods p.GoodsSumma { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.hasp3_shoplist div.Goods span.Price strong { font:18px 'Arial Black',Arial,Verdana,Tahoma; color:#d40000 }

/* 상품 리스트 */
.hasp3_shoplist div.GoodsList { }
.hasp3_shoplist div.GoodsList div.Goods { margin:5px; border:1px solid #d4d4d4; box-shadow:1px 1px 3px #ddd;-moz-box-shadow:1px 1px 3px #ddd;-ms-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd;-o-box-shadow:1px 1px 3px #ddd }
.hasp3_shoplist div.Category ul.Depth1 { border-bottom:2px solid #9c0000; overflow:hidden }
.hasp3_shoplist div.Category ul.Depth1 li { margin-right:1px; padding:8px 0 8px 0; float:left; display:inline; width:107px; border:1px solid #b5b5b5; border-bottom:0; text-align:center; font-size:12px; color:#666; cursor:pointer }
.hasp3_shoplist div.Category ul.Depth1 li.active { background:url(//appdata.hungryapp.co.kr/images/main1408/shop/bg_tab_on.gif) repeat-x top; color:#fff; font-weight:bold; border:1px solid #9c0000; border-bottom:0 }
.hasp3_shoplist div.Category ul.Depth2 { margin-bottom:5px; padding:8px 20px 8px 20px; background:#f6f6f6; border-bottom:1px solid #eaeaea; overflow:hidden }
.hasp3_shoplist div.Category ul.Depth2 li { float:left; display:inline; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/blt_cate_2dep.gif) no-repeat 0 50%; font-size:12px; color:#555; margin-right:30px; padding-left:10px }
.hasp3_shoplist div.Category ul.Depth2 li.Total { float:right; margin-right:0; padding-left:0; background:none; color:#999 }
.hasp3_shoplist div.Category ul.Depth2 li.Total strong { color:#f66621 }
.hasp3_shoplist div.Category ul.Depth2 a { color:#555 }

/*기프트리스트 네비*/
.hasp3_listnavi{ padding:15px 0 5px 0;}
.hasp3_giftlist_navi  { display:inline-block; font-size:11px; color:#fff; border:#7fb1cc 1px solid; background:#134f7e; margin:0 1px; text-align:center; padding:3px 6px;}
.hasp3_giftlist_navi_on{ display:inline-block; font-size:11px; color:#fff; border:#00fffc 1px solid; background:#00fffc; margin:0 1px; text-align:center; padding:3px 6px;}
.hasp3_giftlist_navi a{ text-decoration:none; color:#fff;}
.hasp3_giftlist_navi a:hover{ text-decoration:none; color:#00fffc;}
.hasp3_giftlist_navi_on a{ text-decoration:none; color:#134f7e; font-weight:bold;}

#hasp3_wrapper{ width:982px;}
.hasp3_wrapper_L{float:left; width:208px; margin-left:2px; text-align:left;}
.hasp3_wrapper_R{float:left; width:772px;}
.hasp3_topbanner{position:relative; }

.hasp3_L{width:445px; float:left; }
.hasp3_R{width:322px; float:right;}
.hasp_clear{ clear:both}

.hasp3_hot1_tt{ position:relative; }
.hasp3_hot1_mid{position:relative; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/hotA_mid.jpg); height:182px; }
.hasp3_hot1_el{ position:relative; top:0; left:10%; width:80%}
.hasp3_hot1_el a{text-decoration:none; }
.hasp3_hot2_tt{ position:relative; }
.hasp3_hot2_mid{position:relative; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/hotB_mid.jpg); height:98px; }
.hasp3_hot2_el{ position:relative; top:0; left:10%; width:80%;}
.hasp3_hot2_el a{text-decoration:none; }

.hasp3_mainlist_mid{position:relative; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/mainlist_mid.jpg); padding-left:12px;}
.hasp3_mainlist_el{ width:23.5%; float:left; margin-right:9px; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/bg_mainlist_line.png) right repeat-y;}
.hasp3_mainlist_el_L{ width:23.5%; float:left; margin-right:9px;}

.hasp3_giftlist_mid{position:relative; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/mid_gift.jpg) repeat-y; padding-left:1px;}
.hasp3_giftlist_el{ width:23.8%; float:left; margin-left:7px; margin-bottom:9px; padding:5px 0 10px 0; letter-spacing:-0.5px; background:#fff; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px; box-shadow:1px 1px 3px #154d6a;-moz-box-shadow:1px 1px 3px #154d6a;-ms-box-shadow:1px 1px 3px #154d6a;-webkit-box-shadow:1px 1px 3px #154d6a;-o-box-shadow:1px 1px 3px #154d6a;}

.hasp3_shoplist_mid{position:relative; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/shopbest_mid.jpg); padding-left:22px;}
.hasp3_shoplist_el{ width:23.5%; float:left; margin-right:8px; background:url(//appdata.hungryapp.co.kr/images/main1404/hasp3/bg_mainlist_line.png) right repeat-y;}
.hasp3_shoplist_el_L{ width:23.5%; float:left; margin-right:9px;}

.hasp3_dotline{border-bottom:#ccc 1px dotted; margin:10px 0; float:left; width:98%;}
.hasp3_div_top{position:relative; bottom:-1px;}