/* 반응형 */
@media screen and (min-width: 1201px) {
	.menuSlide .bx-wrapper {position:absolute; left:50%; width: 3400px; max-width: 3400px!important; height:593px; margin-left:-1700px !important;}
	.menuSlide .bx-wrapper .bx-viewport {height:593px !important;}
	.menuSlide .slider li {width: 1100px!important; margin-right: 50px; height: 593px;}
}

@media screen and (max-width: 1600px) {
	.nav ul .menu {padding: 0 20px;}
}

@media screen and (max-width: 1400px) {
    .nav {width: 1200px;}
    .nav_wrap {padding: 0 2%;}
    .nav ul .menu {padding: 0 15px;}
    .nav ul .menu .nav2 .nav2-inner {width: 800px;}
    .outside_wrap {width: 1100px;}
    .photo {height: 517.5px}
    .photo .bx-wrapper {position:absolute; left:50%; max-width:3020px !important; height:517.5px; margin-left:-1510px !important;}
    .photo .bx-wrapper .bx-viewport {height: 517.5px !important;}
    .photo .slide li {width: 960px !important; margin-right: 70px !important;}
    .photo .outside,
    .menuSlide .outside {width: 960px;}
    
    .acco_room_amenity {width: 960px;}
    .acco_room_amenity ul {padding-left: 50px; width: 45%;}
    .acco_room_amenity ul.right {width: 35%;}
    .acco_room_info {width: 960px;}
    .acco_room_info p {max-width: 620px;}    
    
    .sub_visual.over .main_visual_title {width: 100%;}
    .sub_visual.over .main_visual_title.loc {width: 90%;}
    .sub_visual.over .main_visual_title p.title {font-size: 48px;}
    .sub_visual.over p {font-size: 17px; margin-bottom: 5px;}
}

@media screen and (max-width: 1200px) {
	.nav_wrap {padding: 0 2%;}
    .nav {width: 100%;}
    .nav ul .menu {min-width: inherit; font-size: 14px; padding: 0 15px;}
    .nav ul .menu .nav2 .nav2-inner ul li {font-size: 12px; margin-right: 12px;}
    .container {width: 960px;}
    .outside_wrap {width: 960px;}
    .menu_tab ul {width: 100%;}

    .main_acco_rooms {width: 252px; height: 216px; margin-right: 12px; margin-bottom: 13px;}
    .main_acco_rooms.room3 {width: 432px; height: 444px;}
    .main_acco_view .round_bt {padding: 4px 25px; font-size: 14px; margin-top: 10px;}
    .main_acco_view p {font-size: 18px; margin-top: 10px;}
    
    .photo {height: 485px}
    .photo .bx-wrapper {position:absolute; left:50%; max-width:2840px !important; height: 485px; margin-left:-1420px !important;}
    .photo .bx-wrapper .bx-viewport {height: 485px !important;}
    .photo .slide li {width: 900px !important; margin-right: 70px !important;}
    .photo .outside, .menuSlide .outside {width: 900px;}
    
    .acco_room_amenity {width: 900px;}
    .acco_room_amenity ul {padding-left: 40px; width: 45%;}
    .acco_room_amenity ul.right {width: 35%;}
    .acco_room_info {width: 900px;}
    .acco_room_info .info_rsvn {width: 180px; height: 55px; line-height: 55px; top: 36%; font-size: 17px;}
    .acco_room_info p {max-width: 590px;}
    .other_rooms ul li {margin-right: 25px !important; width: inherit;}
    
    .sub_visual.over .main_visual_title {width: 960px;}
    .sub_visual.over .main_visual_title p.title {font-size: 46px;}
    .sub_visual.over p {font-size: 16px; margin-bottom: 3px;}
    
    .fac_info_wrap {width:100%}
    .fac_info_wrap img {width: 50%; height: auto;}
    .fac_info_wrap .fac_info {width: 50%; height: 422.8px; padding: 40px;}
    .fac_slider .outside {width: 100%; top: 33%;}
    
    .location {width: 960px;}
    
    .menuSlide {height: inherit!important; margin-top: 60px; padding: 0 20px;}
    .menuSlide .slider li {opacity: 1;}
    .menuSlide .slider li.active {width: 1100px!important;}
    .menuSlide .slider li .img {width: 50%;}
    .menuSlide.sub .outside {left: 0;}
	.menuSlide .outside .outside-wrap {width: inherit;}
}

@media screen and (max-width: 1200px) and (min-width: 641px) {
    .main_acco_rooms .bx-viewport li {width: 320px !important;}
}
    
@media screen and (min-width: 1201px) {
    .main_fac ul li {width: 280px !important;}
}

@media screen and (min-width: 1025px) {
	.hidden2 {display: none;}
	
    .nav ul .menu .nav2 .nav2-inner ul.about {padding-left: 10%;}
    .nav ul .menu .nav2 .nav2-inner ul.acco {padding-left: 3%;}
    .nav ul .menu .nav2 .nav2-inner ul.dining {padding-left: 40%;}
    .nav ul .menu .nav2 .nav2-inner ul.fac {padding-left: 40%;}
    .nav ul .menu .nav2 .nav2-inner ul.news {padding-left: 67%;}
    
}

@media screen and (max-width: 1024px) {
    .hidden_1024 {display: none;}
    
    /* nav */
    .menu_bt {position: absolute; right: 20px; top: 18px; z-index:9;}
    .close_bt {position: absolute; right: 20px; top: 25px; z-index: 9999;}
    .mobile_nav .language_wrap {bottom: 50px; left: 20px; /* top: unset; */ top: -10px; position: absolute; height: 26px;}
    .mobile_nav .language_wrap .lang_list {background: rgba(255,255,255,0.85);}
    
    .nav_wrap {height: 70px; padding: 0 4%;}
    .nav_wrap .logo {margin-top: 10px; width: 113px; height: 50px;}
    .mobile_nav_bg {position: fixed; background: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 97;}
    .mobile_nav {position: relative; width: 70%; height: 100%; position: fixed; right: 0; background: #575553; z-index: 9999; right: -70%; padding-top: 70px}
    .mobile_nav.open {right: 0; -webkit-transform: translate(0%, 0px); transform: translate(0%, 0px);  transition: all 0.75s ease-in-out;}
    .mobile_nav.close {right: -70%; -webkit-transform: translate(0%, 0px); transform: translate(0%, 0px);  transition: all 0.75s ease-in-out;}
    
    .nav_m {height: 100%;}
    .nav ul .menu {display: block; width: 100%; height: auto; line-height: 55px; border-bottom: 1px solid #575553; padding: 0; background: #2b2826; /* background-image: url(../images/common/nav_arrow.png); background-position: right 20px; */ background-repeat: no-repeat; text-align: left;}
    /* .nav ul .menu.over {background-image: url(../images/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: 10px 0;}
    .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;}
    .weather {display: none;}
    
    .container {width: 90%;}
    .container.main_room {width: 768px;}
    .outside_wrap {width: 880px;}
    .menu_tab ul li {font-size: 14px;}
    
    .main_acco_rooms {width: 200px; height: 173px; margin-right: 10px; margin-bottom: 10px;}
    .main_acco_rooms.room3 {width: 345px; height: 355px;}
    .main_acco_view .round_bt {padding: 3px 20px; font-size: 14px; margin-top: 8px;}
    .main_acco_view p {font-size: 15px; margin-top: 8px;}
    
    .fac_info_wrap .fac_info {height: 338.3px; padding: 30px; font-size: 15px;}
    .fac_info_wrap .fac_info p {font-size: 15px;}
    .fac_info_qna {width: 324px;}
    .fac_slider .outside {top: 30%;}
    
    .menuSlide .slider li .img {width: 45%;}
}

@media screen and (max-width: 800px) {
    .weather {display: none;}
}

@media screen and (min-width: 641px) and (max-width:1200px) {
    .main_fac ul li {max-width: 300px !important;margin-right: 20px;}
    .main_fac ul li:last-child {margin-right: 0;}
}

@media screen and (max-width: 768px) {
    .fac_info_wrap {margin-top: 30px;}
    .fac_info_wrap img {width: 100%; height: auto;}
    .fac_info_wrap .fac_info {width: 100%; height: auto; padding: 30px; font-size: 14.5px;}
    .fac_info ul {margin-top: 25px;}
    .fac_info_qna {position: relative; bottom: 0; width: 100%; margin-top: 40px;}
    .fac_info_qna strong:before {margin-right: 5;}
    
    .acco_wrap {padding-top: 40px; padding-bottom: 0;}
    
    .menuSlide {width: 94%; margin: 40px auto 0; padding: 0;}
    .menuSlide.sub {margin-top: 40px;}
    
    .photo_m {margin-top: 40px; padding: 0 3%; position: relative;}
    .photo_m .slide li.acco_slide img {/* height: 300px; */ width: 100%;}
    .photo_m .slide li.acco_slide span {width: 70px; display: inline-block;}
    .photo_m .outside, .menuSlide .outside {width: 100%; position: absolute; top: 90px; left: 0;}
    
    .acco_room_info {width: 94%; margin: 0 3%; position: relative; color: #fff; padding: 25px 25px 35px;}
    .acco_room_info .info_rsvn {position: relative; right:auto; width: 100%; height: 45px;  line-height: 45px; text-align: center; margin-top: 25px;}
    .acco_room_info p {margin-top: 10px; line-height: 1.4em;}
    .acco_room_info p.acco_info {margin-bottom: 10px;}
    .acco_room_info h4 {color: #fff; margin-top: 0; margin-bottom: 5px;}
    
    .acco_room_amenity {width:94%; border: 1px solid #d6d6d6; background: #fff; padding: 25px; margin-top: 20px;}
    .acco_room_amenity ul {padding-left: 0; width: 100%;}
    .acco_room_amenity ul.right {width: 100%}
    .acco_room_amenity ul li {line-height: 24px;}
    .acco_room_amenity h4 {margin-bottom: 12px; font-size: 20px;}
    .acco_room_amenity .useInfo {margin-top: 20px; padding-top: 20px;}
    
}

@media screen and (min-width: 641px) {
    .hidden {display: none;}
    .acco_wrap .container {padding-bottom: 40px;}
    .sub_visual {background-attachment:fixed !important;}
}

@media screen and (max-width: 640px) {
    
    .m_hidden {display: none;}
    
    /* main */
    
    .main_visual_title p {font-size: 15px;}
    p.title {font-size: 36px;}
    p.title_ko {font-size: 27px;}
    .main_visual .bxslider li {background-position: bottom center;}
    
    .container {width: 94%; margin: 0 auto; padding: 40px 0;}
    .container.main_room {width: 94%;}
    .container.board {padding-top: 20px;}
    .container .text {font-size: 17px;}
    .rsvn_bt {margin-bottom: 40px;}
    .font_ap {font-size: 40px;}
    
    h2 {font-size: 32px;}
    h3 {margin-bottom: 0; font-size: 32px;}
    h3.mb30 {margin-bottom: 30px;}
    .container .con_info {margin-bottom: 30px; font-size: 14.5px;}
    .main_visual {height: 560px; top: -70px;}
    .main_visual .bxslider li {height: 600px;}
    .main_visual_title {left:5%; top: 27%;}
    .main_visual_title a img {width: 100px; height: auto;}
    .main_visual .outside_wrap {display: none;}
    .main_visual .bx-wrapper .bx-viewport {top: -70px;}
    .main_visual .bx-controls.bx-has-pager {bottom: 10%;}
    
    .main_acco_rooms .bx-viewport {height: 480px !important;}
    .main_acco_rooms .bx-viewport li {width: 640px; height: 600px;}
    .main_acco_rooms_slides {position: relative;}
    .main_acco_rooms_slides .bx-has-pager {margin-top: 20px;}
    .container .outside_wrap {position: absolute; top: 56%; left: 0;}
    #slider-prev4 {position: absolute; left: 0;}
    #slider-prev4 a {width: 74px; height: 74px; background: url(../images/common/sub_prev.PNG) no-repeat;}
    #slider-next4 {position: absolute; right: 0;}
    #slider-next4 a {width: 74px; height: 74px; background: url(../images/common/sub_next.PNG) no-repeat;}
    
    .main_acco_rooms_slides li img {width: 100%;}
    
    .main_fac .bx-controls.bx-has-pager {margin-top: 30px;}
    .main_fac .bx-wrapper {margin: 0 auto;}
    .main_fac .bx-wrapper .bx-viewport {height: 445px!important;}
    .main_fac ul li {height: 415px;}
    .main_fac_bg {height: 295px;}
    .main_map {height: 500px;}
    .visual {margin: 0; padding: 70px 3%; background-attachment: unset !important;}
    .visual p {font-size: 15px; line-height: 24px;}
    
    #map_canvas, #map_canvas2 {height: 400px;}
    #map_canvas iframe {height: 400px !important;}
    #map_canvas2 iframe {height: 400px !important;}
    
    
    /* sub */
    
    .sub_visual {width: 100%; height: 240px; /*background-attachment: unset !important;*/}
    .sub_visual h2 {padding-top: 140px; letter-spacing: 4px; font-size: 35px;}
    .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_visual.acco01 {background-position: 100% 0; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
    .sub_visual.acco02 {background-position: 0 0;}
    .sub_visual.acco03 {background-position: 0 0;}
    .sub_visual.acco04 {background-position: 0 0;}
    .sub_visual.acco05 {background-position: 0 0;}
    .sub_visual.din01 {background-position: 100% 0; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
    .sub_visual.din02 {background-position: 0 0;}
    .sub_visual.din03 {background-position: 0 0;}
    .sub_visual.fac01 {background-position: 100% 0; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
    .sub_visual.fac02 {background-position: 0 0;}
    .sub_visual.fac03 {background-position: 0 0;}
    .sub_visual.fac04 {background-position: 0 0;}
    
    .menu_tab.acco, .menu_tab.fac, .menu_tab.util {overflow-x: scroll;}
    .menu_tab.acco ul, .menu_tab.fac ul, .menu_tab.util ul {width: auto !important; display: flex;}
    .menu_tab ul li.current {border-bottom: 6px solid #473728;}
    .menu_tab.acco ul li, .menu_tab.fac ul li, .menu_tab.util ul li {width: auto !important; padding: 0 15px; white-space: nowrap;}
    
    .other_rooms ul li {margin-right: 0 !important;}
    #slider-prev2 a,
    #slider-next2 a,
    #slider2-next a,
    #slider2-prev a{width:50px; height:50px; background-size:cover !important;}

    
    .fac_slider .bx-wrapper .bx-viewport {/*height: 350px !important;*/ margin-bottom: 5px;}
    .fac_slider .bx-viewport:last-child {height: auto !important;}
/*    .fac_slider .bxslider li {height: 350px !important;}
    .fac_slider .bxslider li img {height: 100% !important;}*/
    .fac_slider .outside {width: 100%; top: 22%;}
    .fac_slider .bxslider-pager li {width:90px !important;}
    
    
    /* overview */
    
    .sub_visual.over {height: 1150px; background-position: 60% 0;}
    .sub_visual.over .main_visual_title {width: 100%; padding: 5%; top: 9%;}
    .sub_visual.over .main_visual_title p.title {font-size: 36px; letter-spacing: 2px; margin-bottom: 30px;}
    .sub_visual.over .container {overflow: hidden;}
    .sub_visual.over .container ul {overflow: hidden;}
    .sub_visual.over .container ul li {width: 100%; height: 240px; background-size: cover !important;}
    
    
    /* location */
    
    .location {width: 100%; padding: 5%;}
    .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 {padding: 25px 5px; font-size: 14px;}
    .footer .sns {margin-bottom: 0;}
    .footer .sns li {margin:0 5px;}
    .footer .policy {margin-top: 15px;}
    .footer .policy li {padding: 3px; height: 18px; }
    .footer .addr {margin-top: 10px; margin-bottom: 20px; padding: 10px 0 20px;}
    .footer p {padding-top: 0;}
    .footer p.copyright {font-size: 13px;}
    
    .menuSlide .slider li .img {width: 100%;}
}