/*pc***********************************************************/
@media all and (min-width:990px) {
    /*common*/
    body{background:#f1f1f2}
    #wrap{width:100%;overflow:hidden}
    #header{}
    
    .container{position:relative;max-width:1062px;margin:0 auto} 
    
    .aside{position:absolute;width:100%;top:367px;z-index:10}
    .aside.fixed{position:fixed;top:0} 
    .aside .item1{position:absolute;left:-112px;width:112px;height:600px;background:url('/images/sub/lnb_another_bg.jpg') no-repeat;transition:0.3s}
    .aside .item1.on{left:0;transition:0.3s  0.5s}
    .aside .item1 a{display:block;height:100%;line-height:1;padding-top:80px}
    .aside .item1 strong{display:inline-block;color:#fff;font-size:48px;width:0;margin-left:20px}
    .aside .item1 span{display:inline-block;color:#fff;font-size:22px;vertical-align:top;margin-top:30px;width:0;margin-left:50px}
    .aside .item1 span i{display:block;width:23px;height:15px;background:url('/images/sub/slash.png') no-repeat center}
    .aside .item1 .arrow{display:block;margin-top:10px;height:16px;background:url('/images/sub/lnb_another_arrow.png') no-repeat center}
    
    .aside .item2{position:absolute;right:-112px;width:112px;height:600px;background:url('/images/sub/lnb_another_bg.jpg') no-repeat;transition:0.3s}
    .aside .item2.on{right:0;transition:0.3s 0.5s}
    .aside .item2 a{display:block;height:100%;line-height:1;padding-top:80px}
    .aside .item2 strong{display:inline-block;color:#fff;font-size:48px;width:0;margin-left:20px}
    .aside .item2 span{display:inline-block;color:#fff;font-size:22px;vertical-align:top;margin-top:5px;width:0;margin-left:50px}
    .aside .item2 span i{display:block;width:23px;height:15px;background:url('/images/sub/slash.png') no-repeat center}
    .aside .item2 .arrow{display:block;margin-top:10px;height:16px;background:url('/images/sub/lnb_another_arrow_r.png') no-repeat center}    
    
    #main{position:relative;overflow:hidden}
    
    .move-page{position:relative;left:0;transition:0.5s}
    .move-page.on{left:100%;transition:0.5s}
    .move-page .pages.item1{position:absolute;width:100%;left:0}
    .move-page .pages.item2{position:absolute;width:100%;left:-100%}
    
    .lnb{background:url('/images/sub/visual.jpg') no-repeat center;background-size:cover;height:267px;}
    .lnb .tit{font-size:72px;color:#fff;font-weight:400;padding:75px 0 0}
    .lnb ul{display:block !important}
    .lnb li{float:left;width:16.66%;padding-right:1px}
    .lnb li a{display:block;font-size:18px;height:64px;line-height:64px;text-align:center;background:#ebebed}
    .lnb li.on a{background:#d33d76;color:#fff}
    
    .contents{padding:20px 0 50px}
    
    .hotel_list{clear:both}
    .hotel_list .tit{font-size:36px;padding:20px 0 0;color:#060303;line-height:40px}
    .hotel_list .tit .name{float:left}
    .hotel_list .tit .name .eng{font-weight:300}
    .hotel_list .tit .weather{float:left;font-size:20px;color:#d9537a}
    .hotel_list .tit .weather .ico{float:left;margin-left:10px}
    .hotel_list .tit .weather .info{float:left;margin-left:10px;line-height:45px}
    .hotel_list .tit .add{float:left;font-size:12px;line-height:50px;margin:0 10px;color:#1c1c1c}
    
    .hotel_list ul{margin-left:-1.5%}
    .hotel_list li{float:left;width:23.5%;margin:10px 0;margin-left:1.5%;background:#fff}
    .hotel_list li .thumb{}
    .hotel_list li .info{padding:10px 15px 15px;color:#393939}
    .hotel_list li .info .name{font-size:18px;min-height:70px}
    .hotel_list li .info .name span{display:block;font-size:14px;margin-top:-5px}
    .hotel_list li .info .add{font-size:14px;color:#3b3b3b}
    

    .pattern_bar{height:12px;background:url('/images/common/pattern_point.png');margin:15px 0}


    
    
    #footer{position:relative;background:#5f6470}



}    



/*mobile***********************************************************/
@media all and (max-width:989px) {  
    /*common*/
    body{background:#f1f1f2}
    #header{}
    
    #main{padding:0 0 30px}
    #main .container{position:relative;padding:0 3.5%}
    
    
    .aside{position:absolute;width:100%;z-index:10}
    .aside .item1{display:none;position:absolute;left:0;top:0;width:45px;height:45px;background:url('/images/sub/back_arrow.png') no-repeat center;background-size:8px;text-indent:-9999px}
    .aside .item1.on{display:block}
    .aside .item2{display:none;position:absolute;right:0;top:0;width:45px;height:45px;background:url('/images/sub/back_arrow_r.png') no-repeat center;background-size:8px;text-indent:-9999px}
    .aside .item2.on{display:block}
    
    #main{position:relative;overflow:hidden}
    
    .move-page{position:relative;left:0;transition:0.5s}
    .move-page.on{left:100%;transition:0.5s}
    .move-page .pages.item1{position:absolute;width:100%;left:0}
    .move-page .pages.item2{position:absolute;width:100%;left:-100%}
    
    
    
    
    .lnb{position:relative}
    .lnb .container{padding:0 !important}
    .lnb .tit{background:#d52d6f;font-size:20px;color:#fff;font-weight:400;height:45px;line-height:45px;text-align:center;padding:0 3.5%}
    .lnb .path{background:linear-gradient(#fff, #ddd);cursor:pointer}
    .lnb .path span{display:block;font-size:15px;height:45px;line-height:45px;padding-left:8%;background:url('/images/sub/lnb_arrow_down.png') no-repeat 96.5% center;background-size:16px}
    
    .lnb ul{display:none;position:absolute;width:100%;z-index:10}    
    .lnb li{border-bottom:1px solid #ddd}
    .lnb li a{display:block;font-size:15px;height:45px;line-height:45px;;background:#ebebed;padding-left:8%}
    .lnb.on .path span{background:url('/images/sub/lnb_arrow_up.png') no-repeat 96.5% center;background-size:16px}
    .lnb.on ul{} 
        
    

    .hotel_list{clear:both}
    .hotel_list .tit{font-size:24px;padding:10px 0 0;color:#060303;line-height:30px}
    .hotel_list .tit .name{float:left}
    .hotel_list .tit .name .eng{font-weight:300}
    .hotel_list .tit .weather{float:left;font-size:16px;color:#d9537a}
    .hotel_list .tit .weather .ico{float:left;margin-left:6px;width:24px}
    .hotel_list .tit .weather .info{float:left;margin-left:6px;line-height:35px}
    .hotel_list .tit .add{display:none;float:left;font-size:12px;line-height:50px;margin:0 10px;color:#1c1c1c}
    
    .hotel_list ul{width:102%;margin-left:-1%}
    .hotel_list li{float:left;width:50%;margin:1% 0;padding:0 1%}
    .hotel_list li .thumb{max-width:235px;margin:0 auto;background:#fff}
    .hotel_list li .info{max-width:235px;margin:0 auto;background:#fff;padding:5px 8px 8px;color:#393939;overflow:hidden}
    .hotel_list li .info .name{font-size:13px;min-height:45px;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hotel_list li .info .name span{display:block;font-size:11px;margin-top:-2px;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .hotel_list li .info .add{font-size:11px;color:#3b3b3b;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    

    .pattern_bar{height:8px;background:url('/images/common/pattern_point.png');margin:10px 0}

    
    
    #footer{position:relative;background:#5f6470;padding-left:3.5%;padding-right:3.5%}



}