/* 테마 리스트 */

.wrap > div > div.partTheme ul li {width:33.33333%;}
.wrap > div > div.partTheme ul li:nth-child(3n) {width:33.33334%;}

/* contens main Nav */
#contents .mainNav ul li {display:table;table-layout:fixed;float: left; display: block; width: 15%;  padding: 0 5px; height:26px; text-align: center; }
#contents .mainNav ul li:last-child {width: 25%;}
#contents .mainNav ul li.type1 { background: #14a085; }
#contents .mainNav ul li.type2 { background: #e15872; }
#contents .mainNav ul li.type3 { background: #3853a2; }
#contents .mainNav ul li.type4 { background: #eb5a2d; }
#contents .mainNav ul li.type5 { background: #d3b62a; }
#contents .mainNav ul li.type6 { background: #5d8c2a; }
#contents .mainNav ul li a {color:#fff;font-size: 0.85em;text-align:center;
	vertical-align: middle;
  position: relative;
  height: inherit;
  display: table-cell;
  width: inherit;
  }
#contents .mainNav ul li a span.on {border-bottom:1px solid #fff;padding-bottom:1px;}


/* index List */
.indexList { margin: 20px 5px; }
.indexList .titleList {border-bottom:1px solid #dedede;padding-bottom:10px;}
.indexList > ul {clear:both;}
.indexList > ul > li {padding:5px 0;border-bottom:1px solid #dedede;position:relative;}

.indexList ul.horizonUl {position:relative;}
.indexList ul.horizonUl > li {float:left;display:block;}
.indexList ul.horizonUl > li.listThum {width:30%;height:52px;overflow:hidden;border:1px solid #dadada;}
.indexList ul.horizonUl > li.listCont {width:65%;padding-left:5%;}
.indexList ul.horizonUl > li.listCont p {font-size:0.9em;font-weight:bold;color:#000066;word-break:break-all;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.indexList ul.horizonUl > li.listCont p:last-child span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width:100%;display:block;}
.indexList ul.horizonUl > li.listCont span.face {display:inline-block;width:15px;margin-left:4px;}
.indexList ul.horizonUl > li.listCont .pubDate {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%;text-align:right;}

.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;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;}

/* 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;background:#f6fafd;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;}

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


/* 트래블아울렛 연동 */
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;
}




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

@media all and (min-width:360px){
	.indexList div.listSearch a {margin-left:90px;}
	.indexList ul.horizonUl > li.listThum {height:60px;}
}


@media all and (min-width:400px){
	.indexList ul.horizonUl > li.listThum {height:67px;}
}


@media all and (min-width:480px){
	#contents .top_info h2 {font-size:1.5em;}
	#contents .top_info p {font-size:1.1em;}
	
	ul.horizonUl li.areaLogo {margin-right:15px;}
	ul.horizonUl li.txtLoc > img {position:absolute;top:0;left:350px;}
	ul.horizonUl li.txtLoc span.location {font-size:1.4em;}
	ul.horizonUl li.txtLoc span.subTitle {font-size:1.2em;}
	ul.horizonUl li.areaLogo {width:170px;}
	ul.horizonUl li.txtLoc span.subTitle {left:185px;}
	.indexList ul.horizonUl > li.listCont .pubDate {font-size:1em;}


	.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;}


	.indexList ul.horizonUl > li.listThum {height:83px;}
}

@media all and (min-width:640px){
	.indexList ul.horizonUl > li.listThum {height:113px;}
}