@media only screen and (min-width: 1281px) and (max-width: 1823px) {

}
@media all and (max-width: 1280px) {
	.topMenu > ul > li{margin:0 36px;}
}
@media all and (max-width: 1220px) {
	.w1200{padding:0 15px; box-sizing:border-box; width:100%;} 
	.outside{width:100%;}
}
@media all and (max-width: 1024px) {
	.topMenu > ul > li{margin:0 30px;}
}

@media all and (max-width: 970px){
	.header a.logo{width:56px; height:59px; background-size:cover; top:10px;}
	.topMenu > ul > li{margin:0 25px;}
	.topMenu > ul > li a{font-size:15px;}
}
@media all and (max-width: 801px){
	
	.topMenu > ul > li{margin:0 20px;}
	
	
	#bookArea .bookIns ul li.ci_date{width:100%;}
	#bookArea .bookIns ul li.rooms{width:33.33%}
	#bookArea .bookIns ul li.adults{width:33.33%}
	#bookArea .bookIns ul li.child{width:33.33%}
	#bookArea .bookIns ul li.company{width:50%;}
	#bookArea .bookIns ul li.search{width:50%;}
		
}
@media all and (max-width: 767px) {
	.topMenu{display:none;}
	.header{height:60px;}
	div.index_visual{margin-top:60px;}
	.header a.logo{width:47px; height:50px; background-size:cover; left:15px; top:5px;}
	dl.rMenu{top:15px; right:15px;}
	dl.rMenu a{font-size:14px; line-height:29px;}
	dl.rMenu a span{min-width:30px;}
	dl.rMenu dd{margin-left:5px;}
	dl.rMenu .lan .lanList{top:31px;}
	
	/* 슬라이드 안 할 경우 css */
	/* .sliderArea .info{min-height:auto;}
	.sliderArea .info .img{position:relative; max-width:100%; min-width:100%;}
	.sliderArea .info.imgLeft .detail,
	.sliderArea .info.imgRight .detail{float:none ; width:100%; padding:35px 20px 20px 30px; min-height:auto;}
	.sliderArea .info .detail figure{padding:0;}
	.outside{top:19%;} */
	/* 슬라이드 안 할 경우 css */
	
	/* 슬라이드 쓸 때 css  */
	.sliderArea .info .img-slider{position:relative; max-width:100%; min-width:100%;}
	.sliderArea .info .img-slider .bx-wrapper {position: relative;}
	.sliderArea .info .img-slider ul li img {width: 100%;}
	
	.sliderArea .info{min-height:auto;}
	.sliderArea .info .img{position:relative; max-width:100%; min-width:100%;}
	.sliderArea .info.imgLeft .detail,
	.sliderArea .info.imgRight .detail{float:none ; width:100%; padding:35px 20px 20px 30px; min-height:auto;}
	.sliderArea .info .detail figure{padding:0;}
	.outside{top:19%;}
	/* 슬라이드 쓸 때 css */
	
}
@media all and (min-width:640px) {
	.m_block{display:none}
}
@media all and (max-width:640px) {
	.m_hidden{display:none;}
	body{font-size:14px;}
	
	div.index_visual ul li{height:450px;}
	/* 모바일 비쥬얼 사이즈 420*450  */
	div.index_visual ul li.visual1{background:url(/BusanCityHotel_common/images/homepage/KOR/index/m_index_visual01.jpg) center center no-repeat;}
	div.index_visual ul li.visual2{background:url(/AguilaHotel_common/images/homepage/KOR/index/m_index_visual02.jpg) center center no-repeat;}
	div.index_visual ul li.visual3{background:url(/AguilaHotel_common/images/homepage/KOR/index/m_index_visual03.jpg) center center no-repeat;}
	
	
	.item{padding:45px 0;}
	.item h2{font-size:27px; margin-bottom:24px;}
	.infoArea dl.info dt{font-size:18px; margin-bottom:13px;}
	.infoArea dl.info dd{font-size:14px; margin-bottom:0;}
	
	.sliderArea .info .detail span{font-size:20px; margin-bottom:13px;}
	.sliderArea .info .detail p{font-size:14px;}
	.sliderArea .info .detail p.txt01{margin-bottom:15px;}
	.sliderArea .info .detail p.txt02{margin-bottom:10px;}
	
	.mapArea dl.info span{display:block;}
	

	.footer{font-size:13px; line-height:1.6em;}
	.footer ul.adr li{margin:0;}
	.footer p.copyright{margin-top:5px;}
	
}
@media all and (max-width:480px) {

}
