@charset "utf-8";

/*호텔 리스트 CSS STR*/
.Wrap {}

.HotelWrap {width:1080px;margin:0px auto;height:260px;/*background-color:#0FF;*/}
.HotelWrap span{width: 185px;float: left;font-size: 24px;font-weight: bold;text-align: center;color: #494949;}
.HotelListWrap {width: 894px;height: 260px;/*background-color: #00F;*/position: relative;overflow:hidden;}

.subHotelListWrap {width:840px;height:260px;/*background-color:#F00;*/position:absolute;left:27px;top:0px;overflow:hidden;}
#HotelList {position:absolute;top:0px;left:0px;/*width:3000px; ul 의 width 값은 계산해서 js로 인라인 태그로 줘야 함, 갯수 만큼 195 + 15(오른쪽마진) 곱하기 li 갯수 */}
#HotelList li {float:left;list-style:none;width:195px;height:255px;margin-right:15px;border:1px solid #C0C0C0;/*background-color:#E4E4E4;*/}
#HotelList li p {text-align:center;margin-top:10px;}
#HotelList li p.hotelFirstImg img{width:195px;height:130px;}
#HotelList li p.hotelName {font-size:12px;}

#BtnLeft {position:absolute;top:85px;left:0px;background:url(../images/2015_sub/btnBg.png) no-repeat;background-position:0 0;text-indent:-9999em;width:22px;height:35px;border:none;cursor:pointer;}
#BtnRight {position:absolute;top:85px;right:0px;background:url(../images/2015_sub/btnBg.png) no-repeat;background-position:-22px 0px;text-indent:-9999em;width:22px;height:35px;border:none;cursor:pointer;}
/*호텔 리스트 CSS END*/

/*호텔 리스트 제목 CSS STR*/
.hotelsubjectUl {display:block;width:1044px;/*margin-bottom:50px;*/}
.hotelsubjectUl li {float:left;width:130px; border-left:1px solid #DADAED;padding-left:15px; cursor:pointer;}
.hotelsubjectUl li a {font-size:15px;font-weight:bold;}

/*ul.hotelsubjectUl li a:link, ul.hotelsubjectUl li a:visited {display:block;width:140px;font-weight:bold;color:#FFF;background-color:#97CBFF;text-align:center;padding:5px; text-transform:uppercase;line-height:30px; text-decoration:none;}
ul.hotelsubjectUl li a:hover, ul.hotelsubjectUl li a:active {background-color:#51A8FF;}*/
.hotelsubjectUl li a.active {color:#4040FF;}
.hotelsubjectUl li:first-child {border-left:none;}
/*호텔 리스트 제목 CSS END*/

/*호텔 정보 CSS STR*/
.hotelInfoDetailWrap {width: 1020px;margin: 0px auto;text-align:left;}
	.hotelInfoDetailName {height: 40px;display: table;}
	.hotelInfoDetailName p {float:left;}
	.hotelInfoDetailName span {font-size: 23px;margin-left:15px;}
	
	.hotelInfoDetailContent {position: relative;line-height: 24px;}
	.hotelInfoDetailContent p {margin:15px 0;}
	.hotelInfoDetailContent dt {display:block;line-height:2em;float:left;width:200px;font-size: 16px;font-weight: bold;background-color: #DEF;text-align:center;margin-right:5px;}
	.hotelInfoDetailContent dd {line-height:2.5em;}
	
	.hotelInfoDetailImg {display: block;text-align: center;}
	.hotelInfoDetailImg ul {margin-top: 20px;padding-left:3px;display:block;clear:both;}
	.hotelInfoDetailImg li {float: left;padding: 5px;}
	.hotelInfoDetailImg li img {border: 1px solid #808080;width: 320px;height: 239px;/*width:220px;height:139px;*/}
	.hotelInfoDetailImg li img.none {border: 1px solid #808080;width: 320px;height: 239px;content: "NO IMAGE";}
	.hotelInfoDetailImg div {display:block;clear:both;margin-top:5px;}
	
	.hotelInfoDetailLocation {margin-top: 50px;}
	.hotelInfoDetailLocation dt {display:block;width: 200px;line-height:50px;margin-right: 10px;background-color: #006FDD;float: left;text-align: center;font-size: 16px;color:#FFF;}
	.hotelInfoDetailLocation dd {border-bottom: 1px solid #05A;line-height:50px;height:50px;}
/*호텔 정보 CSS END*/

/*항공편 스케줄 CSS STR*/
#tabs {overflow: hidden;width: 100%;margin: 0;padding: 0;list-style: none;}

#tabs li {float: left;/*margin: 0 .5em 0 0;*/margin: 0 .5em 0 0;}

#tabs a {font-size:14px;/*변경*/position: relative;background: #ddd;background-image: linear-gradient(to bottom, #fff, #ddd);/*padding: .7em 3.5em;*/padding: .7em 1.2em;/*변경*/float: left;text-decoration: none;color: #444;text-shadow: 0 1px 0 rgba(255,255,255,.8);border-radius: 5px 0 0 0;box-shadow: 0 2px 2px rgba(0,0,0,.4);}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {background: #fff; cursor:pointer;}

#tabs a:focus {outline: 0;}

#tabs a::after {content:'';position:absolute;z-index: 1;top: 0;right: -.5em;bottom: 0;width: 1em;background: #ddd;background-image: linear-gradient(to bottom, #fff, #ddd);box-shadow: 2px 2px 2px rgba(0,0,0,.4);transform: skew(10deg);border-radius: 0 5px 0 0;}

#tabs #current a,
#tabs #current a::after {background: #fff;z-index: 3;}

#content {background: #fff;/*padding: 2em;*/padding: 30px 15px 15px 15px;position: relative;z-index: 2;border-radius: 0 5px 5px 5px;box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);}
/*항공편 스케줄 CSS END*/

/*상품 요약 CSS STR*/
.productSummayWrap {
	width: 1040px;
	margin: 0px auto;
	display: block;
	border: solid 1px #003737;
	background-color: /*#3a6682*/#2A5F8F;
	overflow: hidden;
	padding: 20px;
	/*-webkit-box-shadow: inset 0px 0px 18px 5px rgba(34,61,77,0.79);
	-moz-box-shadow: inset 0px 0px 18px 5px rgba(34,61,77,0.79);
	box-shadow: inset 0px 0px 18px 5px rgba(34,61,77,0.79);*/
}
.productSummayTitle {
	float:left;
	width:100;
	display:block;
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	margin:10px 0 0 10px;
}
.productSummayContent {
	font-size:13px;
	float: right;
	display: block;
	width: 750px;
	background: /*#D2D2D2*/ #F1F1F1;
	padding: 20px;
	text-align: left;
	line-height:22px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(52, 50, 47, 0.81);
	-moz-box-shadow: 0px 0px 6px 2px rgba(52, 50, 47, 0.81);
	box-shadow: 0px 0px 5px 2px rgba(52, 50, 47, 0.81);
}
/*상품 요약 CSS END*/