@media screen and (max-width:1690px){
    .scroll span{;background: white;}
    .scroll p{color: white}
}
@media screen and (max-width:1300px){
    .head1 .menu li{width:10rem;}
    .head1 .menu li.on{width:11rem}
    .head2 .sub_menu ul{width:11rem;}
    .head2 .menu_img{right: 1.5%}
    .head2 .menu_img img{width:180px}
}

@media screen and (max-width:1200px){
    .head1 .menu li{width:8.5rem;}
    .head1 .menu li.on{width:9.5rem}
    .head2 .sub_menu ul{width:9.5rem;}
    .head1 .res{width:130px}
    .head1 .logo{left: 1.5%}
    .head2 .menu_img{display: none}
    .main04 .con{width:94%}

}

@media screen and (max-width:960px){
    .head1 .menu{display: none}
    .head2{display: none}
    .hesd2 .m_show{display: block}
    .head1 .m_open{display: block;position: absolute;left: 3%;z-index: 99;top:12px;cursor: pointer}
    .head1 .m_open span{font-size: 36px;}
    .head{height: 60px}
    .head1{height: 60px}
    .head1 .logo{position: relative;left: auto;text-align: center;top:auto;padding: 7px 0;}
    .head1 .logo img{height: 46px;}
    .head1 .res{width:110px}
    .head1 .res>span{line-height: 60px;font-size: 16px}
    .head1 .res img{height: 20px}
    .head1 .res ul{top:60px}
    .head1 .res li{font-size: 14px}
    .head1 .res li span{padding-right: 0;}
    
    .head2{position: fixed;width:100%;height: 100%;display: block;left: 0;top:0;padding: 0;z-index: 999;background: rgba(255,255,255,0.95);display: none}
    .head2 .sub_menu {width:100%;height: 100%}
    .head2 .m_show{display: block}
    .head2 .m_close{height: 60px;padding: 12px 0;text-align: right;box-sizing: border-box;padding-right: 20px;border-bottom: 1px solid #ddd}
    .head2 .m_close span{font-size: 36px;}
    .head2 .sub_menu li.m_show{display: block;position: relative;background: white;}
    .head2 .sub_menu ul{width:100%;text-align: left;border-bottom: 1px solid #ddd;box-sizing: border-box}
    .head2 .sub_menu li{font-size: 15px;line-height: 50px;background: #f2f2f2;padding: 0 3%;box-sizing: border-box;color: #333;font-size: 16px;overflow: hidden;display: none;margin-bottom: 0;}
    .head2 .sub_menu li a{color: #555;display: block;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;padding: 0 10px;font-size: 15px}
    .head2 .sub_menu li:last-child a{border-bottom: none;}
    .head2 .sub_menu li span{float: right;width:18px;height: 18px;display: block;background-image: url('../img/menu_down.png');background-size: 100%;background-repeat: no-repeat;margin-top: 16px}
    .head2 .sub_menu li.on span{background-image: url('../img/menu_up.png');}
    .head2 .sub_menu li small{display: inline;padding-left: 5px}

    .main01 .scroll span{background: white}
    .main01 .scroll p{color: white}
    
    .scroll{bottom: 10px}
    .scroll span{;background: #777;}
    .scroll p{color: #777}
    
    .main01{height: 100%}
    .main01 .txt{font-size: 30px}
    .main02 img{height: 58px}
    
    .main04 .img{position: relative;left: auto;width:100%;height: 40%;}
    .main04 .con{width:90%}
    .main04 .txt{padding-top: 20px}
    .main04 .w-100{position: relative;top:auto;padding-top: 60px}
    .main04 .w-100.btn{position: absolute;top:20%;padding-top: 0;}
    .main04 .swiper-button-next{float: right}
    .room_top::before{position: absolute;left: 0;top:0;width:100%;height: 100%;background: rgba(255,255,255,0.7);position: absolute;content: ''}
}

@media screen and (max-width:640px){
    body{font-size: 15px}
    .head1 .res{width:80px}
    .head1 .res a{line-height: 60px;font-size: 14px}
    .head1 .res img{padding-right: 5px}
    
    .main01 .txt{;padding: 0 3%;bottom: 13%}
    .main01 .txt p.en{font-size: 30px}
    .main01 .txt p.kr{font-size: 18px}
    
    .main02 .con{margin-top: 23%}
    .main02 img{width:80%;height: auto;}
    .main02 .txt p{font-size: 20px}
    
    #fullpage .main03{padding: 60px 0;}
    #fullpage .main04{padding-bottom: 60px}
    #fullpage .main05{padding: 60px 0}
    .main04 .con{height: auto}
    .main04 .swiper-slide{height: auto}
    .main04 .swiper-container{height: auto}
    .main04 .img{height: 300px}
    .main04 .fp-tableCell{height: auto !important}
    .main04.fp-section.fp-table, .main04.fp-slide.fp-table{height: auto !important;}
    
    .main05 .fp-tableCell{height: auto !important}
    .main05.fp-section.fp-table, .main05.fp-slide.fp-table{height: auto !important;}
    
    .main03 .main_tit{position: relative;top: auto}
    .main_tit{position: relative;font-size:26px;margin-bottom: 10px;letter-spacing:5px}
    .main_tit span{font-size: 18px;padding-left: 10px}
    .main03 .inner{padding-top: 20px}
    .main03 .box{float: none;width:100%;margin-bottom: 10px;height: 300px}
    .main03 .over{padding-top: 10%}
    .main03 .over span{font-size: 20px;margin-bottom: 10px}
    .main03 .over p{font-size: 15px;line-height: 22px;margin-bottom: 10px}
    .main03 .right{margin-bottom: 30px}
    
     .main04 .txt span{font-size: 18px}
    .main04 .txt p{font-size: 15px}
    .main04 .txt a{margin-top: 10px}
    
    .main05 .main_tit{float: none;padding-top: 30px}
    .main05 .tit .add{float: none;text-align: left;display: block;padding-top: 20px;padding-bottom: 10px;font-size: 16px}
    
    .tail01 li{margin-right: 12px;line-height: 30px}
    .tail01 li a{font-size: 14px;}
    .tail02{padding: 30px 0}
    .tail02 .left{float: none}
    .tail02 .left img{margin-bottom: 20px}
    .tail02 .left p{font-size: 14px}
    .tail02 .right{float: none;margin-top: 10px;}
    .tail02 .site{float: none;margin-left: 0;margin-bottom: 10px}
    .tail02 .site .list{width:230px;top: auto;bottom:40px;background: #222;z-index: 99}
    
    .sub_top{height: 300px}
    .sub_con{padding: 50px 0}
    .dv_2 .box{float: none;width: 100%;margin-bottom: 10px}
    .sub01 .txt{font-size: 16px}
    .sub01 .txt01{margin-bottom: 30px}
    .sub01 .dv_2{margin-bottom: 30px;width:90%}
    .sub01 .txt02{margin-bottom: 30px}
    .sub01 .txt03{margin-bottom: 30px}
    
    
    .room_top .txt span{font-size: 30px;margin-bottom: 20px}
    .room_top .txt p{font-size: 16px;margin-bottom: 20px;word-break: keep-all}
    
    .gnb_tit{line-height: 40px}
    .gnb_tit p{font-size: 16px}
    .sub_gnb li{font-size: 15px;line-height: 40px;margin: 0 15px}
    
    .sub02 .img{margin-bottom: 30px}
    .room_infor{padding-bottom: 30px}
    .room_infor .tit{float: none;width:100%;font-size: 16px}
    .room_infor .right{float: none;width: 100%;margin-top:20px;text-align: center;}
    .room_infor li{width:33.333%;font-size: 14px;margin-bottom: 15px;}
    .room_infor li img{width:40px}
    .room_infor li p{font-size: 14px;height: 36px}
    .room_infor li:nth-child(4){margin-left: 16.66%}
    .room_amenity{padding: 30px 0;}
    .room_amenity li:nth-child(4){margin-left: 0;}
    .room_infor .noti{font-size: 14px}
    .price{padding: 30px 0;}
    .room_service{padding: 30px 0}
    .price .right .date{font-size: 14px;padding-left: 0;text-align: left}
    .room_amenity .ico{width:40px;height: 40px}
    .sub02 .res{margin-top: 30px}
    
    .ondol .room_infor li p{height: auto}
    .ondol .room_amenity li:nth-child(10),.suite .room_amenity li:nth-child(10){margin-left: 0%;}
    .ondol .room_amenity li:nth-child(13),.suite .room_amenity li:nth-child(13){margin-left: 33.333%;}
    .ondol .room_infor li{width:33.333%;}
    .ondol .room_infor li:first-child{width:40%}
    .ondol .room_infor li.bed{width:60%}
    .ondol .room_infor li:nth-child(4){margin-left: 0;}
    
    .sub03 .top{padding-bottom: 30px}
    .sub03 .top .tit{font-size:30px;margin-bottom: 30px}
    .sub03 .top a{width:90px;line-height: 40px;font-size: 14px;}
    .sub03 .top01 a span{display: none;}
    
    .sub03 .top .txt01{font-size: 16px;margin-top: 20px;word-break: keep-all}
    .sub03 .top .txt02{font-size: 16px;margin-top: 20px;word-break: keep-all;}
    .sub03 .img{margin: 30px 0;}
    .sub03 .infor dl{width:100%;margin-bottom: 20px;float: none;}
    .sub03 .infor dt{font-size: 16px;margin-bottom: 5px}
    .sub03 .infor dd{font-size: 15px;margin-bottom: 0;}
    .sub03 .infor dd::before{top:9px}
    .sub03 .notice{margin-top: 30px}
    .sub03 .notice p{line-height: 45px;font-size: 16px}
    .sub03 .notice div{padding: 10px}
    .sub03 .notice li{font-size: 14px}
    .sub03 .notice li::before{top:10px;margin-top: 0;}
    .sub03 .top a:nth-child(3){right: auto;margin-top: 10px}
    
    .sub04_02 .infor dl:nth-child(2){margin: 0;margin-bottom: 20px}
    .sub05_02 .map_box{padding: 30px 0;}
    .sub05_02 .root{padding-top: 30px;margin-top: 30px}
    .sub05_02 .infor{margin-top: 0;}
    .sub05_02 .root .tit{float: none;width:100%;font-size: 16px}
    .sub05_02 .root .right{float: none;width:100%;margin-top: 20px}
    .sub05_02 .root .tt{font-size: 15px}
    .sub05_02 .root .txt{font-size: 14px}
    .sub05_02 .root li{padding: 0 ;line-height: 35px;margin-right: 5px;width:49%;margin-bottom: 10px;box-sizing: border-box;text-align: center}
    .sub05_02 .root li:nth-child(2n){margin-right: 0;float: right;}
    
    
    .pop_in .close{width:40px;height: 40px;line-height: 40px;right: 0;top:-40px}
    .pop_in .close span{width:40px;height: 40px;line-height: 40px;font-size: 25px}
    .pop_pdf{max-height: 350px}
    
    .promotion li{width:49%;margin-right: 2%;}
    .promotion li:nth-child(3n){margin-right: 1%}
    .promotion li:nth-child(2n){margin-right: 0;}
    .promotion li p{font-size: 16px}
    .promotion li span{font-size: 12px}
    .promotion li p:last-child{font-size: 14px}
    
    .sub03 .infor::before,.sub03 .infor::after{display: none;}
    .head1 .res li span{display: none;}
    .head1 .res li{line-height: 30px}
    .head1 .res li a{font-size: 12px}
    
}