h3.listTitle {color: #5f016c;font-size: 1.2em;font-weight: bold;margin-bottom:10px;padding: 2px 2px 2px 25px;background: url('/image/mobile/bull_listTltle.png') 0 3px no-repeat;background-size: 18px;}

.titleList {margin:15px 0 0 0;}
.titleList div.btnWrap {display: inline-block; font-size: 0.9em;margin-top:3px;}
.titleList div.btnWrap a { display: inline-block; padding:3px; background: #bcbcbc; border-radius: 5px;font-size:0.75em; color:#4d4d4d;width:50px;text-align:center;margin-top:2px;}
.titleList div.btnWrap a.on {background: #444;color:#fff;}
.titleList div.listSearch {position:relative;margin-top:10px;}
.titleList div.listSearch input {border:1px solid #dedede;width:100%;font-size:11px;height:25px;-webkit-appearance:none; -webkit-border-radius:0px;}
.titleList div.listSearch button {display:block;position:absolute;right:0;top:0;width:25px;height:25px;background:#5f016c url('/image/eat/mobile/list_search.png') center center no-repeat; background-size:14px;}


.feelNav {margin:0 -8px;}
.feelNav ul li {float:left;display:block;width:25%;text-align:center;border-left:2px solid #fff;}
.feelNav ul li:first-child {border-left:none;}
.feelNav ul li a {width:100%;height:25px;line-height:27px;display:block;height:inherit;background:#9caab3;color:#fff;}
.feelNav ul li.navCartoon a {background:#2aa9d3;}
.feelNav ul li.navMission a {background:#684099;}
.feelNav ul li.navEssay a {background:#ff3f40;}
.feelNav ul li.navDrama a {background:#60a900;}


.list {margin-top:15px;}

.list > ul {border-top:1px solid #dedede;}
.list > ul > li {padding: 5px 0;border-bottom: 1px solid #dedede;}
.horizonUl {position:relative;}
ul.horizonUl > li {float:left;display:block;}
ul.horizonUl > li.listThum {width:30%;height:50px;border:1px solid #dadada;position:relative;overflow:hidden;}
ul.horizonUl > li.listThum img.icon_play {width:24px;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;opacity:0.8;}
ul.horizonUl > li.listThum img.contHogam {width:24px;position:absolute;bottom:0;right:0;opacity:0.8;}
ul.horizonUl > li.listCont {width:65%;padding-left:5%;min-height:65px;}
ul.horizonUl > li.listCont p {font-size:0.9em;font-weight:bold;color:#000066;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width:100%;display:block;}
ul.horizonUl > li.listCont p:first-child {margin-bottom:5px;}
ul.horizonUl > li.listCont span.face {display:inline-block;width:15px;margin-left:3px;}
ul.horizonUl > li.listCont span.sort {color:#df4b4b;}
ul.horizonUl > li.listCont span.regionHogam {display:inline-block;margin-left:5px;margin-top:-1px;width:14px;}
ul.horizonUl > li.listCont span.feelTheme {display:inline-block;margin-right:2%;}
ul.horizonUl > li.listCont span.cartoon {color:#2aa9d3;}
ul.horizonUl > li.listCont span.mission {color:#684099;}
ul.horizonUl > li.listCont span.essay {color:#ff3f40;}
ul.horizonUl > li.listCont span.drama {color:#60a900;}

ul.horizonUl > li.listCont span.feelTitle {display:inline-block;text-overflow: ellipsis; white-space: nowrap;}
ul.horizonUl > li.listCont span.imgFeeling {display:inline-block;margin-left:5px;margin-top:0;width:13px;}
ul.horizonUl > li.listCont p.sub {color:#555555;font-size:0.7em;border-top:1px dotted #dedede;padding-top:5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width:65%;position:absolute;bottom:0;left:35%;}
ul.horizonUl > li.listCont p.sub span {display:inline-block;margin-right:7px;}


/*Page Navigation*/
.feel_page_list {padding: 15px 0 0; position: relative; margin-top: 0;text-align:center;}
.feel_page_list a {display: inline-block;text-align:center;background:#f6fafd;color:#4d4d4d;font-size:0.7em;min-width:15px;height:18px;padding:3px 0 0 0;}
.feel_page_list a.on {color: #fff; cursor: default;background:#666666;}
.feel_page_list .btn_prev{text-indent: -9999em; background: url('/image/admin/pageFirst.gif') no-repeat -4px -3px; margin-right: 5px !important;}
.feel_page_list .btn_next{text-indent: -9999em; background: url('/image/admin/pageLast.gif') no-repeat -4px -3px; margin-left: 5px !important;}


/* 검색결과 없음 */
.no-result {margin:20px 0;text-align:center;}
.no-result img {width:22%;margin:0 auto;}
.no-result p {padding:20px 0;}


@media all and (min-width:360px){
	ul.horizonUl > li.listThum {height:57px;}
}
@media all and (min-width:400px){
	ul.horizonUl > li.listThum {height:64px;}
}
@media all and (min-width:480px){
	ul.horizonUl > li.listThum {height:78px;}
}
@media all and (min-width:640px){
	ul.horizonUl > li.listCont p {font-size:1.1em;}
	ul.horizonUl > li.listCont p.sub {font-size:0.9em;}

	.feel_page_list a {font-size:0.85em;width:18px;height:20px;}
	ul.horizonUl > li.listThum {height:107px;}
}