@charset"utf-8";

/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");*//*231117 - 폰트 적용*/

/*lju-240508 link형식으로 변경함*/
/*@import url("//appdata.hungryapp.co.kr/font/pretendard-1.3.9/web/static/pretendard.css");*//*240502 - 폰트 위치변경*/
/*@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');*/

body,ul,ol,dl,li,dd,dt,p,h1,h2,h3,h4,h5,h6,table,th,td,input,button,select,form,fieldset,textarea { margin:0; padding:0; font-family:'Pretendard Variable', Pretendard,'Nanum Gothic', 'MalgunGothic', '맑은고딕', Dotum, 돋움, sans-serif; }

a { text-decoration:none }
img,fieldset { border:0 }
img { vertical-align:middle }
ul,ol,dl { list-style:none }
em { font-style:normal }

#wrap-mobile { margin:0 auto; overflow-x:hidden }
#wrap-mobile{  position:relative; background:#383F48; width:100%; padding:0; float:left; display:inline;}
#wrap-mobile .both_left { width:30%; padding:0; float:left; display:inline; position:fixed; padding-right:5px; top:0; height:100%; z-index:999999; overflow-x:hidden; overflow-y:scroll; background-color:#4E4F59;}
#wrap-mobile .both_right { position:relative; background:#fff;  width:100%; margin-left:-3px; border-left-style:inset; border-left:3px inset #2d2d2d; padding:0; float:left; display:inline; overflow:hidden}
#wrap-mobile .both_sub {position:absolute;left:0;top:0;}
#wrap-mobile .both_sub_off {position:relative;;width:100%}

/* header */
div.header { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_h.png) repeat-x bottom #fff; background-size:1px 55px; position:relative; border-bottom:1px solid #c22e00; padding:0 10px 0 10px; overflow:hidden }
div.header h1 { width:100px; position:absolute; top:16px; z-index:2 }
div.header div.main_top_search { position:relative; padding:10px 0 10px 110px  }
div.header input { width:100%; height:40px; background:transparent; border:0; color:#666; border-radius:5px; background:#fff; overflow:hidden; box-shadow:inset 1px 1px 5px 1px #ededed; border:1px solid #999 }
div.header div.main_top_search button { position:absolute; width:25px; height:25px; top:16px; right:10px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/h_btn_search.png) no-repeat; background-size:25px 25px; border:0; font-size:0 }

div.m-gnb_main { height:46px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_gnb.png) repeat-x; border-bottom:1px solid #8e8e8e; color:#fff }
div.m-gnb_main ul { width:100% }
div.m-gnb_main li { width:16%; display:inline; float:left; height:32px; padding-top:14px; text-align:center; font-size:13px; letter-spacing:-.1em }
div.m-gnb_main li.small { width:12% }
div.m-gnb_main li.last_main { background:none }
div.m-gnb_main li.active_main { height:32px; box-shadow:inset 0 -4px 0 0 #222 }
div.m-gnb_main span { color:#ffff00; font-weight:bold }

/* [15.03.04] 상단 네비게이션 메뉴 수정 - 이상현 */
div.m-gnb_top { height:46px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_gnb.png) repeat-x; border-bottom:1px solid #8e8e8e; color:#fff }
div.m-gnb_top table { width: 100%; margin: 0 auto;}
div.m-gnb_top table td { position: relative; height:46px; text-align:center; font-size:13px; letter-spacing:-.1em; }
div.m-gnb_top table td.gnbTop_news			{ width: 11%;}  /* 뉴스 */
div.m-gnb_top table td.gnbTop_hotEvent		{ width: 14%;}  /* 핫이벤트 */
div.m-gnb_top table td.gnbTop_gameCenter	{ width: 16%;}  /* 게임센터 */
div.m-gnb_top table td.gnbTop_shop			{ width: 7%;}   /* 헝앱샵 */
div.m-gnb_top table td.gnbTop_mission		{ width: 11%;}  /* 미션 */
div.m-gnb_top table td.gnbTop_guide			{ width: 16%;}  /* 공략 */
div.m-gnb_top table td.gnbTop_tv			{ width: 10%;}  /* TV */
div.m-gnb_top table td.gnbTop_hkin			{ width: 14%;}  /* 지식인 */
div.m-gnb_top table td.active_main { box-shadow:inset 0 -4px 0 0 #222;}
div.m-gnb_top table td img.gnb_new { position: absolute; top: 2px; left: 50%; margin-left: -10px; width: 20px; height: auto;}

div.m-gnb-2depth { clear:left; position:relative; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_tt.png) repeat-x bottom #fff; text-align:center; background-size:1px 100%;  overflow:hidden }
div.m-gnb-2depth ul { text-align:center; padding:12px 0 12px 0 }
div.m-gnb-2depth li { display:inline; padding:12px 3px 12px 3px; text-align:center; font-size:12px; color:#666;}
div.m-gnb-2depth li.last { padding:12px 0% 12px 0%; font-weight:bold }
div.m-gnb-2depth li.active { font-weight:bold }

div.m-gnb-2depth button.pre { position:absolute; top:0; left:0; width:32px; height:100%; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_arr.png) no-repeat 50% 50%; background-size:8px; border:0; font-size:0; -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg) }
div.m-gnb-2depth button.next { position:absolute; top:0; right:0; width:32px; height:100%; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_arr.png) no-repeat 50% 50%; background-size:8px; border:0; font-size:0 }

button.pre_tab { position:absolute; left:0; width:20px; height:40px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_tt.png) repeat-x bottom #fff; background-size:1px 100%;  border:0; font-size:0; z-index:1; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top:0px; outline:none; }
button.next_tab { position:absolute; right:0; width:20px; height:40px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_tt.png) repeat-x bottom #fff; background-size:1px 100%; border:0; font-size:0; z-index:1; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top:0px; outline:none; }
/* /header */

/* contents */
div.m-contents { background:#d9d9d9; padding-bottom:0px }
div.section { margin-top:10px; padding:14px 10px 14px 10px; background:#fff; box-shadow:0px 0px 1px 1px #d0d0d0; overflow:hidden; position:relative }
div.section h2 {  float:left; color:#303030; font-size:15px }
div.m-main-banner { text-align:center; margin:0px; padding:0 }
/*div.m-main-banner img { box-shadow:0px 1px 1px 1px #aeaeae; width:100%; max-width:620px }*/
div.m-main-banner img { width:100%; max-width:620px }

button.more01 { float:right; padding-right:10px; font-size:10px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_arr.png) no-repeat right 50%; background-size:4px; border:0 }
button.more01 a { color:#979797 }
button.more02 { float:right; width:18px; height:18px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_more.png) no-repeat 50% 50%; background-size:16px; border:0; font-size:0 }

ul.news-list01 { margin:-10px -10px 0 -10px; }
ul.news-list01 li { font-size:14px; border-bottom:1px solid #dcdcdc; color:#444; }
ul.news-list01 span { display:inline-block; padding:10px 0 10px 0 }
em.tag-category { color:#389f00; margin-left:10px }
em.comment { float:right; font-size:11px; color:#ff4c0f }
em.comment span { display:none }

ul.news-list02 { margin-top:10px }
ul.news-list02 li { display:inline; float:left; width:31.3%; margin:0 1% 0 1%; text-align:center; font-size:14px; color:#444 }
ul.news-list02 img { width:100%; max-width:200px; margin-bottom:5px }
ul.news-list01 a,ul.news-list02 a,ol.news-list03 a { color:#444 }

div.main-tt { margin:-14px -10px -14px -10px; padding:14px 10px 12px 10px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_tt.gif) repeat-x bottom; background-size:1px 100%; border-bottom:1px solid #666; overflow:hidden }
ol.news-list03 { margin:16px -10px -14px -10px }
ol.news-list03 li { border-bottom:1px solid #dcdcdc; color:#444; font-size:14px }
ol.news-list03 li.lank01 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_rank01.png) no-repeat 10px 50%; background-size:14px }
ol.news-list03 li.lank02 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_rank02.png) no-repeat 10px 50%; background-size:14px }
ol.news-list03 li.lank03 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_rank03.png) no-repeat 10px 50%; background-size:14px }
ol.news-list03 li.lank04 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_rank04.png) no-repeat 10px 50%; background-size:14px }
ol.news-list03 li.lank05 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_rank05.png) no-repeat 10px 50%; background-size:14px }
ol.news-list03 span { display:inline-block; padding:10px 0 10px 0px }
/* /contents */

/* Tab style */
div.tab01 { position:relative; background:#efefef; box-shadow:0px 0px 1px 1px #d0d0d0; border:1px solid #bbbbbb; border-radius:2px; overflow:hidden;  box-shadow:0px 0px 1px 1px #d0d0d0,inset 0 -5px 7px 0 #cfcfcf }
div.tab01 ul { width:100%; text-align:center }
div.tab01 li { float:left; display:inline; margin:0 -1px 0 -1px; padding:10px 0 10px 0; border-left:1px solid #fff; border-right:1px solid #bbb; font-size:13px; color:#777; letter-spacing:-.1em }
div.tab01 li.active { background:#fff; color:#333; font-weight:bold }
div.tab01 em { border-radius:20px; margin-left:4px; padding:2px 5px 0 5px; background:#ff6911; font-size:10px; color:#fff; font-weight:normal; text-align:center; box-shadow:1px 1px 0 0 #fff,inset 1px 1px 0 0 #b62b00 }
/* /Tab style  */

/* footer */
div.footer .news { padding:12px 10px 12px 10px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_btm_news.png) repeat-x; background-size:1px 100%; border-bottom:1px solid #999; overflow:hidden }
div.footer .news em.tag-category { float:left; margin-right:8px; padding-right:12px; font-size:12px; color:#ddd; font-weight:bold; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/blt_arr.png) no-repeat right 50%; background-size:5px; }
div.footer .news strong { float:left; font-size:14px; font-weight:normal; color:#fff }
div.footer .install { padding-top:5px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_btm_app.png) repeat-x; text-align:center; background-size:1px 100%; border-top:1px solid #fff; border-bottom:1px solid #999; }
div.footer .copyright { padding:10px; border-top:1px solid #fff; background:#efefef }
div.footer .copyright ul { margin-bottom:10px; text-align:center }
div.footer .copyright li { display:inline; font-size:12px }
div.footer .copyright a { color:#686868 }
div.footer .copyright button { padding:5px; background:#fefefe; font-size:11px; color:#666; border:1px solid #9b9b9b; border-radius:4px; box-shadow:0px 1px 1px 0px #ccc }
div.footer .copyright li.middle { margin:0 10px 0 10px; padding:0 10px 0 10px; border-right:1px solid #888; border-left:1px solid #888 }
div.footer .copyright p { text-align:center; color:#6e6e6e; font-size:11px }
/* /footer */