/* 諛섏쓳��*/

@media screen and (max-width: 1400px) {
    
}

@media screen and (max-width: 1280px) {
    .nav {width: calc(100% - 60px); /*min-width: 945px;*/}
    .container {/*min-width: 945px;*/}
    .wrap1200 {width: 100%; /*min-width: 945px;*/}
    
    .mainSlide .visual_menu {width: 96%; margin-left: -48%;}
    .mainSlide .visual_menu .main_menu {width: 33.33%;}
    .mainSlide .visual_menu .main_menu .menu_wrap p {font-size: 17px;}
    
    .amenities .left {width: 500px; margin-right: 50px;}
    .amenities .left ul {width: 100%;}
    .amenities .left ul li {margin-right: 2%; width: 18.4%;}
    .amenities .left ul li img {width: 100%;}
}

@media screen and (max-width: 1200px) {
    .nav .nav_m .menu {font-size: 14px; margin-left: 35px;}
    .language_wrap {top: 27px;}
    .language {font-size: 11px; padding: 2px 8px;}
    .lang_list li {font-size: 11px;}
    .nav ul .menu .nav2 .nav2-inner ul li {font-size: 13px;}
    
    .acco_image .top_image span {font-size: 16.5px;}
    .amenities .left {width: 490px; margin-right: 30px;}
    .amenities .left ul {width: 100%;}
    .amenities .left ul li {margin-right: 2%; width: 18.4%;}
    .amenities .left ul li img {width: 100%;}
    .amenities .right div {padding: 20px;}
    .amenities .right ul.info {margin-bottom: 15px;}
    .amenities .right ul.info li {font-size: 15px; margin-bottom: 5px;}
    .amenities .right ul.notice li {font-size: 14px;}
}

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

@media screen and (max-width: 1024px) {    
    .media1024 {display: block;}
    
    .nav .nav_m .menu {margin-left: 25px;}
    .amenities .left {width: 450px; margin-right: 30px;}
    
    .main_section .bg_left, .main_section .bg_right {display: none;}
    .promotion_wrap {font-size: 23px;}
    .promotion span {font-size: 30px;}
}


@media screen and (min-width: 971px) {
    
    .acco_wrap .container {padding-bottom: 0;}
    .nav ul .menu .nav2 .nav2-inner ul.intro {padding-left: 16%;}
    .nav ul .menu .nav2 .nav2-inner ul.acco {padding-left: 5%;}
    .nav ul .menu .nav2 .nav2-inner ul.fac {padding-left: 35%;}
    .nav ul .menu .nav2 .nav2-inner ul.fac2 {padding-left: 35%;}
    .nav ul .menu .nav2 .nav2-inner ul.din {padding-left: 50%;}
    .nav ul .menu .nav2 .nav2-inner ul.rsvn {padding-left: 60%;}
    .nav ul .menu .nav2 .nav2-inner ul.mem {padding-left: 40%;}
    .nav ul .menu .nav2 .nav2-inner ul.news {padding-left: 58%;}
    
    .language_wrap {top: 25px; right: 0;}
    
    .sub_visual {background-attachment:fixed !important;}
}

@media screen and (max-width: 970px) {
    .hidden-t {display: block;}
    .t_hidden {display: none;}
    .media769 {display: block;}
    
    .container {width: 100%; min-width: 100%;}
    .wrap1200 {min-width: 100%;}
    
    .header {padding: 0 20px; height: 60px;}
    .nav {text-align: center; width: 100%; min-width: 100%; margin: 0 auto;}
    .nav .nav_m {z-index: 998;}
    .nav a.logo {display: inline-block; float: none; width: 79px; height: 60px; background: url(/CenterMark_common/images/homepage/common/m_logo.jpg) no-repeat; margin-right: 0;}
	.nav ul .menu .nav2 .nav2-inner {width: 100%;}
	.nav ul .menu .nav2 .nav2-inner ul li {color: #5f6062;}
	.mobile_nav .language_wrap {bottom: 20px; left: 20px; right: unset; top: unset;}
    
    .menu_bt {position: absolute; top: 20px; left: 0; width: 20px; height: 14px; z-index: 999;
      -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
      transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer;}
    .menu_bt.open {position: fixed; left: 20px;}
    .menu_bt span {position: absolute; height: 2px; width: 100%; background: #5f6062;
        -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); 
        transform: rotate(0deg); -webkit-transition: .3s ease-in-out; 
        -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    .menu_bt span:nth-child(1) {
      top: 0px; left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center;
      -o-transform-origin: left center; transform-origin: left center;}
    .menu_bt span:nth-child(2) {
      top: 7px; left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center;
      -o-transform-origin: left center; transform-origin: left center;}
    .menu_bt span:nth-child(3) {
      top: 14px; left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center;
      -o-transform-origin: left center; transform-origin: left center;}
    .menu_bt.open span:nth-child(2) {width: 0%; opacity: 0;}
    .menu_bt.open span:nth-child(1) {
      -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 0;}
    .menu_bt.open span:nth-child(3) {
      -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
      transform: rotate(45deg); top: 0; left: 0;}
    
    .close_bt {position: absolute; right: 20px; top: 25px; z-index: 9999;}
    
    .nav_wrap {height: 70px; padding: 0 4%;}
    .nav_wrap .logo {margin-top: 12px;}
    .nav_wrap .logo, .footer .logo {width: 100.8px; height: 44.8px; background-size: cover;}
/*    .mobile_nav_bg {position: fixed; background: rgba(0,0,0,0.5); top: 0; width: 100%; height: 100%; z-index: 97;}*/
    .mobile_nav {top: 0; width: 270px; height: 100%; position: fixed !important; background: #fff; z-index: 9999; left: -270px; padding-top: 50px;}
    .mobile_nav.open {left: 0; -webkit-transform: translate(0%, 0px); transform: translate(0%, 0px);  transition: all 0.3s ease-in-out;}
    .mobile_nav.close {left: -270px; -webkit-transform: translate(0%, 0px); transform: translate(0%, 0px);  transition: all 0.3s ease-in-out;}
    
    .mobile_nav_bg {position: fixed; background: rgba(0,0,0,0.5); top: 0; width: 100%; height: 100%; z-index: 97;}
    
    .nav ul .menu {display: block; width: 100%; height: auto; line-height: 40px !important; background: #fff; text-align: left; margin-left: 0 !important;}
    .nav ul .menu.over {background-image: url(../CenterMark_common/images/homepage/common/nav_arrow_over.png);}
    .nav ul .menu a {padding-left: 20px;}
    .nav ul .menu .nav2 {position: relative; height: auto; overflow: hidden; top: auto; padding-bottom: 10px;}
    .nav ul .menu .nav2 .nav2-inner ul {height: 100%; line-height: 40px;}
    .nav ul .menu .nav2 .nav2-inner ul li {display: block; margin-right: 0; font-size: 14px; padding-left: 10px;}
    
    
    .amenities {padding: 50px 20px 40px 20px;}
    .amenities .left {width: 560px;}
    
    .amenities .left {float: none; margin: 0 auto;}
    .amenities .right {width: 560px; margin: 0 auto; margin-top: 40px;}
    
    .acco_image {overflow: visible; height: 850px;}
    .acco_image .top_image .side_content {text-align: center; margin-bottom: 50px; padding: 0 10px;}
    .acco_image .top_image .side_content p {padding-top: 0;}
    
    
    .zoom_wrap {background-size: cover !important;}
    
    /* footer */
    
    .footer {padding: 30px 0 20px 0;}
    .footer_logo {width: 65px; height: 50px; margin: 0 auto; background: url(/CenterMark_common/images/homepage/common/m_ft_logo.jpg) no-repeat;}
    .logo_line {margin-bottom: 0; height: 50px;}
    .footer ul {text-align: left; padding: 0 20px;}
    .footer ul li {display: block; font-size: 12px; height: 20px;}
    .footer ul.footer_menu {}
    .footer ul.footer_menu li:after {display: none;}
    .footer ul.company_info li:after {display: none;}
    .footer p {font-size: 11px; color: #777; text-align: left; padding: 0 20px;}
}

@media screen and (max-width: 768px) {
	
	/* booking */
	form.fbqs {position: unset; width: 100%!important;}
	
	.mainSlide .bx-wrapper .bx-has-pager {top: 30%;}
	
    .acco_image .top_image .side_image {width: 304px; height: 300px; margin-left: 0;}
    
    .acco_image .top_image .side_content p {font-size: 21px;}
    .acco_image .top_image .side_content span {font-size: 16px;}
    
    .location .incheon, .location .gimpo {float: none; width: 100%;}
    
    .promotion {background: url(/CenterMark_common/images/homepage/index/main_visual_03_mo.jpg) 50% no-repeat;}
}

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

@media screen and (max-width: 640px) {
    
    body {font-size: 14.5px;}
    
    .m_hidden {display: none;}
    
    
    /* main */
    
    .mainSlide {margin-bottom: 2px;}
    .mainSlide .bx-viewport {height: 380px;}
    .mainSlide ul li {height: 380px;}
    .mainSlide .visual_menu {display: none;}
    .middle_menu .section {width: 100%; height: 180px; margin-bottom: 2px;}
    .middle_menu .section .section_wrap p {font-size: 12px; line-height: 16px;}
    .middle_title {font-size: 15px !important;; margin-bottom: 7px !important;}
    .middle_menu .section .section_wrap .view {font-size: 7px; margin-top: 12px; width: 100px; height: 25px; line-height: 22px;}
    
    .main_section h3 {font-size: 25px;}
    
    .main_section .wrap1200.acco-wrap {min-width: 94%; width: 94%; margin: 0 auto;}
   
    /* sub */
    
    .sub_visual, .sub_visual .zoom, .sub_visual .zoom_wrap {height: 350px !important;}
    .sub_visual {width: 100%;/*background-attachment: unset !important;*/}
    .sub_visual .zoom {padding: 120px 20px 0;}
    .sub_visual .acco {background: url(/CenterMark_common/images/homepage/acco/m_acco_visual.jpg) no-repeat;}

	.sub_visual .cafe {background: url(/CenterMark_common/images/homepage/diningBar/din_visual.jpg) no-repeat;}
	.sub_visual .eatery {background: url(/CenterMark_common/images/homepage/diningBar/din_visual.jpg) no-repeat;}
	
	.sub_visual .business {background: url(/CenterMark_common/images/homepage/facilities/fac_visual.jpg) no-repeat;}
	.sub_visual .fitness {background: url(/CenterMark_common/images/homepage/facilities/fac_visual.jpg) no-repeat;}
	.sub_visual .Banquet {background: url(/CenterMark_common/images/homepage/facilities/fac_visual.jpg) no-repeat;}
	.sub_visual .story {background: url(/CenterMark_common/images/homepage/facilities/fac_visual.jpg) no-repeat;}
	
	.sub_visual .fac {background: url(/CenterMark_common/images/homepage/facilities/fac_visual.jpg) no-repeat;}
	
    .sub_visual h2 {letter-spacing: 4px; font-size: 30px; line-height: 40px;}
    .sub_visual p {font-size: 14.5px;}
    .sub_visual.loc {height: 450px;margin-bottom: -100px;}
    .sub_visual.loc h2 {padding-top: 50%; font-size: 45px;}
    span.addr {margin-bottom: 5px;}
    .sub_visual.over p {font-size: 14px;}
    
    /* .sub_slide .bx-viewport {height: 300px;} */
    .sub_slide ul li {height: auto;}
    
    .acco_wrap {padding-top: 40px; padding-bottom: 0;}
    
    .sub_info {padding: 40px 10px 60px;}
    
    .sub_info ul li {text-align: center; margin-bottom: 20px;}
    .sub_info ul li span {display: block;}
    .sub_info ul li span:after {display: block; width: 13px; height: 1px; margin: 7px auto;}
    
    .amenities {margin-top: 190px;}
    .amenities .left {width: 100%;}
    .amenities .right {width: 100%;}
    
    .acco_image {height: 600px; margin-top: 30px;}
    .acco_image .top_image .side_content p {font-size: 19px;}
    .acco_image .top_image .side_content span {font-size: 15px;}
    .acco_image .top_image .side_image {width: 100%; margin: 0 auto; float: none;}
    .acco_image .center_image {height: 300px; position: static; margin-top: 30px;}
    
    
    /* overview */
    
    .introduce {padding: 60px 10px; min-height: 800px;}
    .introduce .intro_title {margin-bottom: 90px;}
    .introduce .intro_title h2 {font-size: 24px;}
    .introduce .intro_title h2 strong {font-size: 30px;}
    .introduce .intro_title p {font-size: 17px;}
    .introduce .intro_con h3 {font-size: 19px; line-height: 30px; margin-bottom: 25px;}
    .introduce .intro_con p {line-height: 24px; font-size: 13px;}
    
    .introduce2 {padding: 100px 10px; height: 650px;}
    .introduce2 h2 {font-size: 24px; margin-bottom: 50px;}
    .introduce2 .intro_con {position: unset; width: 100%;}
    .introduce2 .intro_con h4 {font-size: 16px; line-height: 30px; width: 22%; vertical-align: top;}
    .introduce2 .intro_con p {line-height: 24px; font-size: 14px; width: 75%;}
    
    
    /* location */
    
    .location {width: 100%; padding: 5%; border: 0;}
    .location div {border: 1px solid #e6e6e6; border-width: 1px 1px 0;}
    .location div:last-child {border-bottom: 1px solid #e6e6e6;}
    .location p {padding: 22px 10px;}
    .map {width: 100%; height: 300px;}
    .location_info {margin-top: 8%; width: 100%;}
    .location_info h4 {margin-bottom: 12px;}
    .location_info ul {font-size: 14px; letter-spacing: -1px;}
    .location_info strong {margin-right: 10px;}
    .airport_bus {margin-left: 63px;}
    
    /* footer */ 
    
    .footer .sns {margin-bottom: 0;}
    .footer .sns li {margin:0 5px;}
    
    .vr_btn {margin-top: 20px;}
}