/************************* index *************************/
.index {padding-bottom:20px;position:relative;overflow:hidden;}
#contents h2 {color:#5f016c;font-size:1.3em;font-weight:bold;margin-bottom:15px;padding:2px 2px 2px 25px;background:url('/image/mobile/bull_listTltle.png') 0 4px no-repeat;background-size:18px;}
#contents .top_info {margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #dedede;position:relative;}
#contents .top_info h3 {font-size:1.3em;font-weight:bold;margin-bottom:10px;}

a.more, a.less {position:absolute;bottom:5px;right:0;display:block;}


.repList > ul {position:relative;}
.repList > ul > li {float:left;display:block;width:49.5%;margin-right:1%;border:1px solid #dedede;margin-top:1%;}
.repList > ul > li:nth-child(2n) {margin-right:0;}
.repList > ul > li a {display:block;}

li.areaLogo {text-align:center;overflow:hidden;border-bottom:1px solid #dedede;}

li.txtLoc {position:relative;padding:6px;height:60px;width:100%;display:block;}
li.txtLoc > img {position:absolute;top:-5px;right:19%;}
li.txtLoc span.location {font-size:0.95em;font-weight:bold;display:inline-block;color:#0f79e7;}
li.txtLoc p {display:block;width:inherit;}
li.txtLoc p img {margin-top:-4px;}
li.txtLoc span.subTitle {display:block;font-size:0.85em;}

.indexController a.btnLeft {left:0;position:fixed;top:50%;margin-top:-30px;background:url('/image/eat/mobile/btn_left.png')0 0 no-repeat;width:25px;height:50px;background-size:100% 100%;}
.indexController a.btnRight {right:0;position:fixed;top:50%;margin-top:-30px;background:url('/image/eat/mobile/btn_right.png')0 0 no-repeat;width:25px;height:50px;background-size:100% 100%;}


/**************************** list  **************************/
/* index List */
.indexList {padding: 20px 5px 10px 5px; border-top:2px solid #dedede;clear:both;}
.indexList .chgTheme {float:right;font-size:11px;}
.indexList > ul {clear:both;}
.indexList > ul > li {padding:5px 0;border-bottom:1px solid #dedede;position:relative;}
.horizonUl {position:relative;}
.indexList ul.horizonUl > li {float:left;display:block;}
.indexList ul.horizonUl > li.listThum {width:30%;border:1px solid #dadada;overflow:hidden;}
.indexList ul.horizonUl > li.listCont {width:70%;padding-left:5%;}
.indexList 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;}
.indexList ul.horizonUl > li.listCont p:first-child {margin-bottom:5px;}
.indexList ul.horizonUl > li.listCont span.face {display:inline-block;width:15px;margin-left:3px;}
.indexList ul.horizonUl > li.listCont span.sort {color:#df4b4b;}
.indexList ul.horizonUl > li.listCont p.sub {color:#555555;font-size:0.85em;border-top:1px dotted #dedede;padding-top:5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width:65%;position:absolute;bottom:0;left:35%;}

.indexList div.btnWrap {display: inline-block; font-size: 0.9em;}
.indexList div.btnWrap a { display: inline-block; padding:3px; background: #bcbcbc; border-radius: 5px;font-size:0.75em; color:#4d4d4d;text-align:center;margin-top:2px;}
.indexList div.btnWrap a.on {background:#444;color:#fff;}
.indexList div.btnWrap a.list-goods {background: #5f016c;color:#fff;}

.indexList div.listSearch {position:relative;border-bottom: 1px solid #dedede;padding-bottom: 10px;margin-top:10px;}
.indexList div.listSearch input {border:1px solid #dedede;width:100%;font-size:11px;height:25px;-webkit-appearance:none; -webkit-border-radius:0px;}
.indexList 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;}

div.hotmark {margin-top:3px;}


/* bx-slider customizing */
.bannerSlider {position:relative;}
.bannerSlider > a {position:absolute;display:block;top:50%;margin-top:-14.5px;display:none;}
.bannerSlider > a.slideL {left:5px;}
.bannerSlider > a.slideR {right:5px;}
.bx-wrapper {padding:0;margin:0;box-shadow:none;border:none;background:none;}
.bx-loading {display:none;}
.bx-wrapper .bx-pager {padding:0;margin-top:-10px;bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;}

#img_tit {position:absolute;top:0;font-size:0.7em;color:#fff;background:url('/image/common/bg_opa/bg_opa_b80.png') 0 0 repeat;padding:3px 10px;}

/*Page Navigation*/
.page_list{border-top: 1px solid #c0c0c0; padding: 15px 0 0; position: relative; margin-top: 0;text-align:center;}
.page_list a{display: inline-block;text-align:center;border:1px solid #ededed; background:#f8f8f8;color:#4d4d4d;font-size:0.8em;width:18px;height:20px;padding:3px 0 0 0;}
.page_list a.on {color: #fff; cursor: default;background:#666666;}
.page_list .btn_first{text-indent: -9999em; background: url('/image/admin/pageFirst.gif') no-repeat -4px -2px;}
.page_list .btn_prev{text-indent: -9999em; background: url('/image/admin/pagePrev.gif') no-repeat -4px -2px; margin-right: 8px !important;}
.page_list .btn_next{text-indent: -9999em; background: url('/image/admin/pageNext.gif') no-repeat -4px -2px; margin-left: 8px !important;}
.page_list .btn_last{text-indent: -9999em; background: url('/image/admin/pageLast.gif') no-repeat -4px -2px;}
.page_list .btn_write{position: absolute; top: 12px; right: 65px;}
.page_list .btn_del{position: absolute; top: 12px; right: 0;}
.page_list.type2{border-top: 1px solid #355590; margin-bottom:20px;}
.page_list.type2 .btn_write{position: absolute; top: 12px; right: 0px;}



/* 트래블아울렛 연동 */
a.go-goods {
	display:block;
	text-align:center;
	padding:5px;
	background:#6f717e;
	color:#fff;
	font-size:12px;
	margin-top:5px;
}
a.go-goods span{
	padding-left: 25px;
    background: url('/image/rel-outlet/bg_icon_outlet_lg.png') 0 1px no-repeat;
    background-size: 15px 13px;
}
	
.no-result {margin:20px 0;text-align:center;}
.no-result img {width:22%;margin:0 auto;}
.no-result p {padding:20px 0;}



/* 인덱스 세부내용 레이어 */
.index-detail {display:none;padding:20px;background:rgba(255,255,255,0.9);position:fixed;top:35%;width:90%;left:50%;margin-left:-45%;z-index:10;}
.index-detail .tit-index {font-weight:bold;margin-bottom:20px;color:#5f016c;font-size:18px;}
.index-detail .exp-index {font-size:14px;font-weight:bold;}
.index-detail .area-index {font-size:16px;font-weight:bold;color:#0f79e7;margin-bottom:10px;}
.index-detail a {display:block;color:#fff;text-align:center;width:120px;margin:20px auto 0 auto;background:#5f016c;border-radius:15px;padding:5px;font-size:15px;font-weight:bold;}

.page_list li {display: inline-block; list-style: none;}

/**************** media query *******************/

@media all and (min-width:480px){

	#contents .top_info h3 {font-size:1.5em;}
	
	li.txtLoc {text-align:center;}
	li.txtLoc span.location {font-size:1.2em;}


	.indexList h3 {font-size:1.5em;}
	#img_tit {font-size:1em;}
	#contents .mainNav ul li a {font-size:1em;}
	.indexList div.btnWrap a {font-size:1em;width:65px;}
	.indexList ul.horizonUl > li.listCont p {font-size:1em;}
	#contents .mainNav ul li {height:30px;}
}

@media all and (min-width:640px){
	.indexList ul.horizonUl > li.listCont p {font-size:1.3em;}
	.indexList ul.horizonUl > li.listCont p.sub {font-size:1.2em;}

	.repList > ul > li {width:48%;margin-right:4%;}
}