@charset "utf-8";
#container {padding-bottom:30px;}
/* 메인 슬라이더 */
.swiper-container{overflow:hidden;width:100%;margin:0 auto;text-align:center;}
.swiper-parent{/*padding-top:50px*/}
.swiper-wrapper .swiper-slide,
.swiper-slide .swiper-container{position:relative;float:left}
.pagination{position:absolute;z-index:100;left:10px;bottom:10px}


/* 메인 lnb */
.lnb{border-bottom:1px solid #c5c5c7;-moz-box-shadow:0px 2px 4px #dadadb;-webkit-box-shadow:0px 2px 4px #dadadb;box-shadow:0px 2px 4px #dadadb;}
.lnb ul{overflow:hidden;width:340px;height:35px;margin:0 auto;}
.lnb li{float:left;height:31px;text-align:center;border-bottom:4px solid #fafafa;margin-right:10px}
.lnb li.swiper-active-switch{border-color:#e15046}
.lnb img{height:9px;vertical-align:middle}


/* 2014.07.05  suelgiCha  메인 순서 변경 */

.lnb li:nth-child(1) {width:95px;background:url(../../m.img/main/lnb02.gif) no-repeat;background-position:-83px 10px;background-size:150px 14px;}
.lnb li:nth-child(2) {width:110px;background:url(../../m.img/main/lnb03.gif) no-repeat;background-position:-199px 10px;background-size:305px 14px;}
.lnb li:nth-child(3) {width:115px;background:url(../../m.img/main/lnb04.gif) no-repeat;background-position:-162px 10px;background-size:261px 14px;margin-right:0;}
.lnb li.swiper-active-switch:nth-child(1) {background-position:27px 10px;}
.lnb li.swiper-active-switch:nth-child(2) {background-position:0 10px;}
.lnb li.swiper-active-switch:nth-child(3) {background-position:10px 10px;}


/* 메인 타입 */
.listType {position:absolute;width:100%;margin-top:9px;text-align:center}
.listType a {display:inline-block;width:32px;height:32px;background:url(../../m.img/main/btn_list.png) no-repeat 0 -32px;background-size:32px}
.listType a:first-child {margin-right:4px;background-image:url(../../m.img/main/btn_thum.png)}
.listType a.on {background-position:0 0}

/* 메인 타입 : 리스트 */
.swiper-wrapper .list {display:none;width:310px;margin:0 auto;padding:0;text-align:left}
.swiper-wrapper .list li:first-child {margin:0}

/* layerPop */
.layerCont {overflow-y:auto;padding:20px 15px 15px;}
#layerBook .sortArea {margin-bottom:0;padding:15px;}




/* 2014-02-13 변경사항 */
/* #footer .ir.gotoTop {display:none;} */
/* 2014-02-21 pinterest interest */
.thum {overflow:hidden;}
.tiles {position:relative;}
.tiles>li {display:block;float:left;width:175px;height:auto;/* margin:5px; *//* padding:10px; */background-color:#fff;border:1px solid #ddd;}
.tiles>li {
	-webkit-transition:all 0 ease-out;
	-moz-transition:all 0 ease-out;
	-o-transition:all 0 ease-out;
	transition:all 0 ease-out;
}
/*
.tiles>li>a,
.tiles>li>a:hover {margin:10px;overflow:hidden;background-color:#eee;display:block;font-weight:bold;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);border-radius:5px;}*/
.tiles>li>a>img {display:block;width:100%;height:auto;}
.tiles>li p {margin:10px;padding:7px 3px 2px;}
.tiles>li p>* {display:block;font-weight:bold;text-align:left;}
.tiles>li p .price {font-size:13px;color:#e15046;}
.tiles>li p .title {line-height:1.5em;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap;word-wrap:normal;}

.extraLayer {display:none;position:fixed;z-index:110;left:50%;top:50%;width:260px;margin:-150px 0 0 -140px;padding:57px 10px 70px;border-radius:10px;background:#fefefe;}
.extraLayer h3 {position:absolute;left:0;top:0;width:240px;padding:10px 20px;color:#fff;border-radius:9px 9px 0 0;background:#333;}
.extraLayer p {text-align:center;font-size:13px;}
.extraLayer .btnWrap {position:absolute;left:0;bottom:20px;width:100%;}
.extraLayer .btnWrap>* {width:auto;height:16px;padding:8px 10px;line-height:16px;font-size:12px;font-weight:400;}
#layerBook .layerCont {position:static;}
#layerBook .layerCont>button.more {display:block;width:288px;height:38px;line-height:18px;margin:10px auto 0;padding:10px 0;text-align:center;font-weight:700;border:1px solid #bbb;background:#eaeaea;}

@media all and (min-width:768px) {
	.swiper-wrapper .list {width:640px;overflow:hidden;}
	.swiper-wrapper .list li {float:left;width:290px;margin:0 5px 10px;}
	.swiper-wrapper .list li:first-child{margin:0 5px 10px;}
	.list li>div.fl {height:165px;overflow:hidden;}
	.tiles>li {width:200px;}
}

/* 2014-07-09 메인 보정 */
.swiper-slide>div.thum,
.swiper-slide>div.list{display:none;}
.swiper-slide-visible>div.thum{display:block;}
/* 2014-07-16 list type modify */
.list .img>img{max-height:165px;}
.list li>div.fl>*{width:100%;text-overflow:ellipsis;white-space:nowrap;}

@media all and (max-width:767px) {
#eventBnBox {display:block;width:100%; padding:20px 0px 10px; border-bottom:1px solid #ddd;}
.swipe { overflow: hidden; visibility: hidden;  position: relative; max-width:500px;  margin:0 auto }
.swipe-wrap {  overflow: hidden;  position: relative; text-align:center;}
.swipe-wrap > div {  float:left;  width:100%;  height:136px; position: relative; }
.swipe-wrap > div>a>img { width:300px; height:130px; border:1px solid #ccc; box-shadow:0px 1px 1px 1px #ccc; }
}
@media all and (min-width:768px) {
#eventBnBox {display:block;width:100%; padding:15px 0px 10px; border-bottom:1px solid #ddd;}
.swipe { overflow: hidden; visibility: hidden;  position: relative; max-width:640px;  margin:0 auto }
.swipe-wrap {  overflow: hidden;  position: relative; text-align:center;}
.swipe-wrap > div {  float:left;  width:100%;  height:226px; position: relative; }
.swipe-wrap > div>a>img { width:500px; height:216.6px; border:1px solid #ccc; box-shadow:0px 1px 1px 1px #ccc; }
}
.swipe > p { text-align:center; }
.swipe > p > span { color:#b8b8b9; }
.swipe > p > span.on { color:#fc4340; }




