@media screen and (max-width: 1800px) {
	.nav .nav_m .menu {margin-right: 10px;}
}
@media screen and (min-width: 1561px) {
	#header .logo {position: absolute; left: 40px; top: 15px; z-index: 99;}
	.nav {position: absolute; top: 0; left: 0;}
	.r_menu {position: absolute; right: 40px; top: 15px; z-index: 99;}
	.r_menu .side_menu {display: none;}
}
@media screen and (max-width: 1560px) {
	#header .m_line {overflow: hidden; height: 100%; border-bottom: 1px solid #ddd; padding: 16px 20px; background: #fff;}
	.r_menu {float: right;}
	.r_menu .language_wrap {display: none;}
	.nav {position: fixed; height: calc(100% - 60px); top: 85px; z-index: 9999;}
	.nav.over {height: 0; display: none;}
	.nav .nav_m {margin: 0;}
	.nav .nav_m .menu {display: block; width: 100%; height: auto; background: #fff; margin-left: 0!important; text-align: center;}
	.nav .nav_m .menu > a {width: 100%; margin-bottom: 0; padding: 18px 0; color: #5b5b5b; font-weight: 500; border-bottom: 1px solid #e5e5e5; background: url(/SpeediumHotel_common/images/homepage/common/m_nav_down.png) right 18px center no-repeat;}
    .nav .nav_m .menu.toggle > a {background: url(/SpeediumHotel_common/images/homepage/common/m_nav_up.png) right 18px center no-repeat;}
    .nav .nav_m .menu .nav2 {display: none;position: relative; height: auto; overflow: hidden; top: auto; padding: 15px 0; background: #f5f5f5; border-bottom: 1px solid #e5e5e5;}
    .nav .nav_m .menu .nav2 ul {height: 100%; line-height: 40px;}
    .nav .nav_m .menu .nav2 ul li {text-align: center; margin-bottom: 0;}
    .nav .nav_m .menu .nav2 ul li a {color: #7e7e7e;}
    
    .nav .lang_list {display: block; text-align: center; padding: 15px 0;}
	.nav .lang_list li {display: inline-block; color: #999;}
	.nav .lang_list li:after {content: ''; display: inline-block; width: 1px; height: 14px; background: #9d9d9d; margin: 0 12px 0 15px; vertical-align: -2px;}
	.nav .lang_list li:last-child:after {display: none;}
}
	
@media screen and (min-width: 1201px) {

	
	.menuSlide .bx-wrapper {position:absolute; left:50%; width: 3700px; max-width: 3700px!important; height:610px; margin-left:-1850px !important;}
	.menuSlide .bx-wrapper .bx-viewport {height:610px !important;}
	.menuSlide.main .bx-wrapper {width: 2580px; max-width: 2580px!important; height:500px; margin-left:-1290px !important;}
	.menuSlide.main .bx-wrapper .bx-viewport {height:500px !important;}
	.menuSlide .slider li {width: 1200px!important; margin-right: 50px; height: 610px;}
	.menuSlide.main .slider li {width: 610px!important; margin-right: 80px; height: 500px;}
	.menuSlide.main .slider li.active {width: 1200px!important;}
	
	.footer .footer_info .company_info {float: left;}
	.footer .footer_info .sns {float: right; margin-top: 12px;}
}

@media screen and (max-width: 1400px) {
	#header .logo {max-width: 180px; left: 20px;}
	.r_menu {right: 15px;}
    .nav .nav_m .menu {margin-right: 2.7%;}
    .nav .nav_m .menu > a {font-size: 16px;}
}

@media screen and (min-width: 1201px) {
	.bx-wrapper .bx-pager.bx-default-pager {display: none;}
}

@media screen and (max-width: 1200px) {
	html.fix, body.fix {height: 100%; overflow: hidden;}
	body.fix #header .m_line {position: fixed; width: 100%;}
	
	.wrap1200 {width: 100%; padding: 0 20px;}
    
    .mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: auto;}
    .mainSlide .mainSlideTitle h2 {font-size: 64px; height: 64px; margin-bottom: 34px;}
    .mainSlide .mainSlideTitle h3 {font-size: 22px;}
    
    .mainTitle h3 {font-size: 36px;}
    .mainTitle span {font-size: 20px;}
    .main_section {padding: 50px 0 60px;}
    .mainMenu > ul > li {margin-right: 2%; width: 32%;}
    .mainMenu > ul > li .con {font-size: 15px;}
    
    .menuSlide {height: inherit!important; margin-top: 60px; padding: 0 20px;}
    .menuSlide .slider li {opacity: 1;}
    .menuSlide .slider li.active {width: 1000px!important;}
    .mainSlide .slider li.main_visual01 {background-position: 55% center;}
    .menuSlide .slider li .img {width: 50%;}
    .menuSlide .slider li .con {width: 50%; display: block; padding: 7% 0 0 50px;}
    .menuSlide .slider li .con .title h3 {font-size: 37px;}
    .menuSlide .slider li .con .title p, .menuSlide .slider li .con .text {font-size: 16px;}
    .menuSlide.main .outside {right: 15px; width: inherit;}
    .menuSlide.sub .outside {left: 0;}
	.menuSlide .outside .outside-wrap {width: inherit;}
    
    .outside.sub .prev3 {left: 40px;}
    .outside.sub .next3 {right: 40px;}
    
    .sub_visual {height: 700px;}
    .sub_visual .visualTitle {left: 3%; padding-right: 3%;}
    .sub_visual .visualTitle h3 {font-size: 23px;}
    .sub_visual .visualTitle p {font-size: 26px;}
    .sub_visual .rsvnBt {font-size: 18px; width: 300px; height: 66px; line-height: 66px;}    
    .sub_visual #bookArea {width: 300px;}
    
    .subInfo.fac .info-top {padding-left: 60px;}
    .subInfo.fac .info-top:before {width: 40px;}
    .subInfo .info-top .titleWrap h3 {margin-bottom: 10px;}
    .subInfo .info-top .titleWrap p {font-size: 16px;}
    .subInfo .info-top .btWrap a {width: 151px; height: 55px; line-height: 52px; font-size: 17px;}
    .subInfo.fac .info-con {padding-left: 60px;}
    .subInfo .info-con .info-grid li {width: 31%; margin-right: 3.5%;}
    
    .footer {margin-top: 80px;}
    .footer .footer_info .sns {margin-bottom: 20px;}
	.footer .footer_info .sns ul li {margin-left: 0; margin-right: 20px;}
    
}

@media screen and (min-width: 1024px) { 
	/* .mainMenu .slider > li {width: 376px!important;} */
	#wingsBookingBt {display: none;}
}

@media screen and (max-width: 1024px) {
    .hidden1024 {display: none;}
	.mainMenu .slider > li {min-height: auto;}
    
    #header {height: 80px;}
    #header .m_line {padding: 14px 20px;}
    #header .logo {height: 50px; line-height: 50px;}
    .r_menu > div {width: 52px;}
    .r_menu .rsvn {height: 50px;}
    .r_menu .rsvn a {line-height: 47px;}
    .r_menu .side_menu {height: 50px;}
    .r_menu .side_menu .open_menu {background-size: 26px 20px;}
    .r_menu .side_menu .close_menu {background-size: 23px 23px;}
    .nav .nav_m .menu {margin-left: 25px;}
    
    .mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: auto;}
    .mainSlide .mainSlideTitle h2 {font-size: 58px; height: 58px; margin-bottom: 30px;}
    .mainSlide .mainSlideTitle h3 {font-size: 20px;}
    
    .menuSlide .slider li .img {width: 45%;}
    .menuSlide .slider li .con {width: 55%; padding: 1% 0 0 35px;}
    .menuSlide .slider li .con .title {margin-bottom: 28px;}
    .menuSlide .slider li .con .title h3 {margin-bottom: 0; font-size: 30px;}
    .menuSlide .slider li .con .title p {font-size: 18px;}
    .menuSlide .slider li .con .line {margin-bottom: 26px;}
        
    .mainMenu .slider > li {margin-rigth: 30px!important;}
    .mainMenu .slider > li .img {height: 220px;}
    
    .sub_visual .visualTitle p {font-size: 23px; line-height: 1.4em;}
    .sub_visual .rsvnBt {right: 15px;}
    
    .subTitle {margin: 60px 0 45px;}
    .subTitle h2 {font-size: 36px;}
    
    .subInfo {margin: 10px 0 60px;}
    .subInfo .info-top {margin-bottom: 40px;}
    .subInfo.fac .info-top:before {top: 45px;}
    .subInfo.acco .info-top .titleWrap, .subInfo.acco .info-top .btWrap {float: none; width: 100%;}
    .subInfo .info-top .titleWrap {margin-top: 25px;}
    .subInfo .info-top .titleWrap .local-info li {margin-right: 30px; font-size: 16px;}
    .subInfo .info-top .btWrap a {width: 49%; margin-left: 2%; float: left;}
    .subInfo.fac .info-con {padding-left: 0;}
    .subInfo .info-con .list {padding: 25px 0 15px;}
    .subInfo .info-con .list .tit {width: 100%; float: none; margin-bottom: 15px;}
    .subInfo .info-con .list ul {width: 100%;}
    .subInfo .info-con .toggle-list .list {padding: 20px 0; background-position: right 18px top 21px;}
    .subInfo .info-con .toggle-list .list.on {background-position: right 18px top 21px;}
    .subInfo .info-con .toggle-list .list h5 {font-size: 20px;}
    
    .map {height: 470px; margin-top: 50px;}
    
    .about-wrap {padding-bottom: 37px; margin-top: 50px;}
	.about-wrap .img {height: 280px;}
	
    .footer .footer_info .company_info ul li {margin-bottom: 5px;}
    .footer .footer_info .copyright {margin-top: 8px;}
    
    #container.main #wingsBookingBt {display: none;}
}

@media screen and (min-width: 769px) {
	.subInfo .info-con .list ul li > span:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 768px) {
	.hidden768 {display: none;}
	.view768 {display: block;}
    .sub_visual .rsvn-toggle {display: none;}
    
    .subInfo .info-con .list ul li {float: none;}
    .subInfo .info-con .list ul li > span {margin-right: 0;}
}

@media screen and (min-width: 641px) {
    .hidden {display: none;}
}

@media screen and (max-width: 640px) {
    body {font-size: 14.5px;}
    
    .info-table {width: 100%;overflow-x: auto;}
	.info-table table{width: 100%;min-width: 600px;border-collapse: collapse;}
	.info-table table th, .info-table table tbody td{font-size:14px;}
	
    .m_hidden {display: none;}
    .wrap1200.main {padding: 0 10%;}
    #header, #header .m_line {height: 60px;}
    #header .m_line {padding: 10px 10px 0 10px;}
    #header .logo {height: 28px; line-height: 28px; margin-top: 2px;}
    #header .logo img {width: 180px; height: 28px;}
    .r_menu .rsvn {width: 130px; height: 40px;}
    .r_menu .rsvn a {line-height: 37px;}
    .r_menu .side_menu {width: 40px; height: 40px;}
	.r_menu .side_menu .open_menu {background-size: 21px 16px;}
	.r_menu .side_menu .close_menu {background-size: 19px 19px;}
	.nav .nav_m .menu > a {padding: 15px 0; font-size: 15px;}
	.nav .nav_m .menu .nav2 {padding: 10px 0;}
	.nav .nav_m .menu .nav2 ul {line-height: 34px;}
    .mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: auto;}
    .mainSlide .mainSlideTitle h2 {font-size: 30px; height: inherit; line-height: 1.1em; margin-bottom: 18px;}
    .mainSlide .mainSlideTitle h3 {font-size: 17px; line-height: 1.45em;}
    .mainSlide .outside, .mainSlide #main-counter {display: none;}
    .mainSlide .bx-controls {position: absolute; bottom: 25px; z-index: 99; width: 100%;}
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {padding: 0 6px;}
    .bx-wrapper .bx-pager.bx-default-pager a {width: 18px; height: 18px; border-radius: 9px;}
    
    .nav {top: 60px;}
    
    .mainTitle {text-align: center; margin-bottom: 35px;}
    .mainTitle h3 {display: block; margin-right: 0; font-size: 28px;}
    .mainTitle > span {font-size: 18px;}

	.main_section {padding: 40px 0 50px;}
    
    .mainMenu .slider > li .img {height: 280px;}
    .mainMenu .slider > li .con {font-size: 15px; padding: 20px 10px;}
    
    .menuSlide.main {padding: 0 10%;}
    /* .menuSlide .bx-wrapper, .menuSlide .bx-wrapper .bx-viewport {height: inherit!important;} */
    .menuSlide .slider li .img, .menuSlide .slider li .con {width: 100%;}
    .menuSlide .slider li .con {padding: 4% 0 0 0; word-break: keep-all; min-height: 100px;}
    .menuSlide .slider li .con .title {margin-bottom: 18px;}
    .menuSlide .slider li .con .title h3 {font-size: 23px; margin-bottom: 0;}
    .menuSlide .slider li .con .title p {font-size: 15px;}
    .menuSlide .slider li .con .text {font-size: 14px; line-height: 1.5em;}
    .menuSlide .slider li .con .line {margin-left: 0; width: 100px; height: 3px; margin-bottom: 15px;}
    .menuSlide .slider li .con .view {margin-top: 30px; font-size: 15px; width: 80px; height: 29px; background: url(/SpeediumHotel_common/images/homepage/common/view_m.png) right bottom no-repeat; background-size: 79px 19px;}
    .menuSlide.main .outside {right: 10%; width: inherit;}

	.subTitle {margin: 50px 0 40px;}
	.subTitle h2 {font-size: 32px;}
	.sub_visual {height: 560px;}
	.sub_visual .visualTitle h3 {font-size: 21px;}
	.sub_visual .visualTitle p {font-size: 20px;}
	.sub_visual .rsvnBt {/* width: 200px; height: 52px; line-height: 52px; font-size: 16px; */ display: none;}
	.subInfo .info-top .titleWrap h3 {font-size: 24px;}
	.subInfo .info-top .titleWrap .local-info li {display: block; margin-right: 0; margin-bottom: 6px;}
	.subInfo .info-top .titleWrap .local-info li:last-child {margin-bottom: 0;}
	.subInfo .info-con .list.amenities ul li {float: none; width: 100%;}
	.subInfo .info-con .list.amenities ul li > span {margin-right: 0;}
	.subInfo .info-con .list ul.w100 li > span {line-height: 1.8em;}
	.subInfo .info-con .info-grid li {width: 100%; margin-right: 0; margin-bottom: 30px;}
	.subInfo .info-con .info-grid li h4 {font-size: 16px; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 12px;}
	.subInfo .info-con .toggle-list .list {padding: 18px 0; background-size: 24px 24px!important;}
	.subInfo .info-con .toggle-list .list h5 {font-size: 18px;}
	
	.map {height: 380px;}
	
	.about-wrap {padding-bottom: 30px;}
	.about-wrap .img {height: 210px;}
	.about-wrap h4 {font-size: 38px; line-height: 38px;}
	
	.footer .wrap1200 {padding: 0 15px;}
}

@media screen and (max-width: 470px) {
	.nav .nav_m .menu .nav2 {padding: 7px 0;}
	.nav .nav_m .menu .nav2 ul {line-height: 32px;}
	.nav .nav_m .menu .nav2 ul li a {font-size: 14px;}
	.r_menu .rsvn {display: none;}
	
 	.mainSlide, .mainSlide .slider-wrap, .mainSlide .slider li {height: auto;}
	.mainSlide .mainSlideTitle h2 {font-size: 25px; margin-bottom: 15px;}
	.mainSlide .mainSlideTitle h3 {font-size: 13px; line-height: 1.35em;}
	
	.mainMenu .slider > li {margin-right: 0!important; min-width: inherit;}
	
	.menuSlide .outside.sub {height: 60px; margin-bottom: -30px;}
	.outside.sub .prev3 {left: 32px;}
    .outside.sub .next3 {right: 32px;}
	.outside span.prev3 a.bx-prev, .outside span.next3 a.bx-next {width: 33px; height: 60px; background-size: cover!important;}
	
	.sub_visual {height: 500px;}
	.sub_visual .visualTitle {left: 6%; bottom: 20%; padding-right: 6%;}
  	.sub_visual .visualTitle h3 {font-size: 19px; margin-bottom: 12px;}
	.sub_visual .visualTitle h3:after {width: 50px; height: 3px; margin-top: 11px;}
	.sub_visual .visualTitle p {font-size: 17px;}
	.sub_visual .rsvnBt {width: 180px; height: 45px; line-height: 45px; font-size: 14px;}
	.subTitle {margin: 40px 0 30px;}
	.subTitle h2 {font-size: 26px;}
	.subInfo {margin: 10px 0 45px;}
	.subInfo .info-top {margin-bottom: 30px;}
	.subInfo.fac .info-top {padding-left: 45px;}
	.subInfo.fac .info-top:before {top: 40px; width: 30px;}
	/* .subInfo .info-top .btWrap {margin: 10px 0 20px;} */
	.subInfo .info-top .btWrap a {height: 40px; line-height: 37px; font-size: 14.5px;}
	.subInfo .info-top .btWrap.b100 a {width: 100%;}
	.subInfo .info-top .titleWrap h3 {font-size: 20px; margin-bottom: 8px;}
	.subInfo .info-top .titleWrap p {font-size: 15px;}
	.subInfo .info-con .list {padding: 18px 0 10px;}
	.subInfo .info-con .list .tit, .subInfo .info-con .info-grid li h4 {font-size: 15.5px; margin-bottom: 10px;}
	.subInfo .info-con .list ul li {margin-bottom: 6px;}
	.subInfo .info-con .list ul li > span {margin-right: 60px; font-size: 14px; margin-bottom: 6px;}
	.subInfo .info-con .info-grid li {margin-bottom: 25px;}
	.subInfo .info-con .info-grid li p {font-size: 14px;}
	
	.otherWrap .otherTitle {margin-bottom: 40px;}
	.otherWrap .otherTitle h3 {font-size: 19px;}
	.otherWrap .slider li .con h4 {font-size: 16px; margin-bottom: 10px;}
	
	.map {margin-top: 40px;}
	
	.about-wrap {padding-bottom: 24px; margin-top: 40px;}
	.about-wrap .img {height: 150px;}
	.about-wrap h4 {font-size: 26px; line-height: 31px; left: 10px;}
	
	.footer {margin-top: 60px;}
	.footer .wrap1200 {padding: 0 10px;}
	.footer .footer_menu .wrap1200 {padding: 0;}
	.footer .footer_menu ul {text-align: center;}
	.footer .footer_menu ul li {margin-right: 5px; font-size: 12.5px;}
	.footer .footer_info .company_info {font-size: 13px;}
	.footer .footer_info .company_info ul li {margin-bottom: 3px;}
}