@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:145px; 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) {
	
	.m_hidden {display: none;}
	.m_block {display: block;}

	.topMenu{display:none;}
	.header{height:60px;}
	
	div.index_visual{margin-top:60px;}
	.header a.logo{width:77px; height:50px; background-size:cover; left:15px; top:5px;}
	
	dl.rMenu .rsvn {height: 59px;}
	
	dl.rMenu a{font-size:0; padding: 16px 26px 0;}
	dl.rMenu a span{min-width:30px;}
	
	dl.rMenu .lan {height: 60px;}
	dl.rMenu .lan span {line-height: 59px;}
	dl.rMenu .lan .lanList{top:60px;}
	
	.sliderArea .info .img-slider{position:relative; max-width:100%; min-width:100%;min-height: auto;}
	.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%;}
	
	.index_acco .detail ul li,
	.index_fac .detail ul li,
	.index_fac .detail ul li:last-child {width: 50%!important; min-height: auto; margin-bottom: 30px;}
	
	.index_acco .detail ul li.m_w100,
	.index_fac .detail ul li.m_w100 {width: 100%!important;}
	
	.detail .detail_tit {font-size: 15px; margin-bottom: 30px;}
	
	.sliderArea .info .detail figure{padding:0;}
	.sliderArea .cs_page {left: 30%;}
	.sliderArea .cs_page span {font-size: 16px;}
	.outside{top:40%;}
	.outside .prev {left: 10px;}
	.outside .next {right: 10px;}
	
}
@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(../../../../JNParkDongdaemun_common/images/homepage/KOR/index/m_index_visual01.jpg?v=250217) center center no-repeat;}
	div.index_visual ul li.visual2{background:url(../../../../JNParkDongdaemun_common/images/homepage/KOR/index/m_index_visual02.jpg?v=250217) center center no-repeat;}
	div.index_visual ul li.visual3{background:url(../../../../JNParkDongdaemun_common/images/homepage/KOR/index/m_index_visual03.jpg?v=250217) center center no-repeat;}
	
	
	.item{padding:45px 0;}
	.item h2{font-size:27px; margin-bottom:24px;}
	.infoArea dl.info {margin-bottom: 40px;}
	.infoArea dl.info dt{font-size:18px; margin-bottom:13px;}
	.infoArea dl.info dd{font-size:14px; margin-bottom:0;}
	
	.detail {margin-top: 25px;}
	.detail .list_name {font-size: 19px; margin-bottom: 25px;}
	.detail .info_tit {font-size:14px; margin-bottom: 10px;}
	.detail .txt_wrap p {font-size: 14px;}
	
	.mapArea .detail ul li {width: 100%; float: none; min-height: auto; margin-bottom: 25px;}
	.mapArea dl.info span{display:block;}
	

	.footer{font-size:13px; line-height:1.6em;}
	.footer ul.adr {font-size: 13px;}
	.footer ul.adr li{margin:0;}
	.footer p.copyright{margin-top:5px;}
	
}
@media all and (max-width:480px) {
	.item {padding: 30px 0 0;}
	.item h2 {font-size: 24px;}
}
