@media screen and (max-width:1200px) {
    .header_wrap{ display: none}
    .mobile_header{ display: block}
    .img_wrap{ width: 100%; box-shadow: none}
    .info_wrap{ width: 100%; position: relative; right: 0; top: 0;}
    .location_info span.address{ margin: 15px auto; display: block; width: 477px;}
    footer{ padding: 30px 20px}
    footer .left{ width: calc(100% - 100px);}
    footer .right{ float: left; text-align: left;}
    footer .left p,footer .right p{ margin: 5px 0}
    footer .right p{ float: left; margin-left: 32px;}
    /*서브*/
     /*about*/
    .brandstory{ padding: 150px 30px;}
    .sub_wrap h3{ margin-bottom: 20px; word-break: keep-all}
    .location_wrap h3{ padding: 0; text-align: center}
    .directions{ padding: 50px 30px;}
    .directions dl:first-child,.directions dl:last-child{ width: 100%; float: left}
    .directions dt{ width: 180px; margin: 10px 20px 0 0}
        /*room*/
    .room{ padding: 150px 30px}
    .room_info{ padding: 70px 50px 50px;}
    .room_btm{ padding: 0}
    .room_btm .left, .room_btm .right{ width: 100%; margin: 30px 0}
    .room_btm .left{ height: auto; padding-bottom: 150px;}
    .room_btm .left ul li:last-child p{ width: calc(100% - 140px); float: right}
        /*리뷰*/
    .review{ padding: 100px 30px;}
    .review_list li{ width: 48%; margin: 20px 1%}
}
@media screen and (max-width:800px) {
    .about{ padding: 0px;}
    .about .txt{ padding: 50px 20px 150px; margin: 0}
    .accommodation{ padding: 20px}
    /*서브*/
        /*about*/
    .brandstory{ padding: 0;}
    .brandstory .img_wrap{ width: 100%; height: 300px;}
    .brandstory .txt_wrap{ width: 100%; height: auto; padding: 50px 10px; margin: 0}
    .brandstory .txt_wrap::after{ display: none}
    .directions dt{ width: 100%; border: none}

}
@media screen and (max-width:640px) {
    .contents_wrap,.sub_wrap{ font-size: 12px;}
    h2{font-size: 2.5em}
    .visual_text strong{ font-size: 3em; margin-bottom: 20px;}
    .visual_text{ font-size: 1em; padding: 0 10%; line-height: 24px}
    body .bx-wrapper .bx-controls-direction a.bx-next{ right: 10px;}
    body .bx-wrapper .bx-controls-direction a.bx-prev{ left: 10px;}
    .info_wrap .txt{ line-height: 24px;}
    .about .txt p{ line-height: 28px}
    .about .txt .view{ width: 100%; background: none; color: #6d5c54; margin:0; left: 0; line-height: 60px}
    .plus{ width: 50px; height: 50px; margin-top: -25px;}
    .info_wrap,.location_info{ padding: 20px 10px;}
    .location_info h2{ margin-bottom: 20px}
    .location_info span.address{ width: 94%}
    .location_info span{ font-size: 1em; background-size: 15px; padding: 0 20px}
    #location{ height: 300px}
    footer{ padding: 20px 10px;}
    footer .logo{display: none}
    footer .left, footer .right{ width: 100%; margin:0}
    footer .left p span{ float: left; margin: 5px 0}
    footer .right p{ width: 100%; margin-left: 10px}

    /*서브*/
        /*about*/
    .sub_txt{ margin: 250px 0 0 ; width: 100%; padding: 0 10px; text-align: center}
    .sub_txt p{ line-height: 24px; word-break: keep-all}
    .directions{ padding: 50px 10px;}
    .directions dl:last-child dd{ line-height: 24px}
        /*room*/
    .room{ padding: 100px 10px}
    .room_info{ padding: 50px 0 0 ; text-align: center; line-height: 24px}
    .room_btm .left ul li{ padding-left: 10px; height: 80px;}
    .room_btm .left ul li span{ width: 100%; height: auto; line-height: 40px; margin: 0}
    .room_btm .left ul li:last-child{ padding-top: 0}
    .room_btm .left ul li:last-child p{ width: 100%; float: left}
    .room_btm .left ul li p{ width: 100%; float: left; line-height: 24px; padding-left: 5px}
        /*리뷰*/
    .review{ padding: 100px 10px}
    .review_list li{ width: 100%; margin: 20px 0}
}