@charset "utf-8";

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

    #sb-search .where{width: 35%;}
    #sb-search .category{width: 99%;}

    /* list */
    .fran-box{margin-top: 0;}
    .fran-box > *{float: none;}

    .fran-box dt{width: auto;}
    .fran-box dt .map {width: 440px;margin: 0 auto;border: none;position: relative;left: 50%;margin-left: -220px;}
    .fran-box dt .map img{width: 100%;height: auto;}
    .fran-box dd{width: auto;}

    .fran-tbl tr > *{padding: 12px 2px;font-size: 12px;letter-spacing: -1px;}
    .fran-tbl tr > *.mo-hidden{display: none;}
    .fran-tbl colgroup{display: none;}
    .fran-tbl thead th{font-size: 12px;white-space: nowrap;letter-spacing: -1px;}
    .fran-tbl .btn{font-size: 14px;}

    /* view */
    .fran-view{padding-bottom: 20px;}
    .fran-view > *{float: none;}
    .fran-view dt{padding-right: 0;width: auto;}
    .fran-view dt .bigimg{text-align: center;}
    .fran-view dt .bigimg img{max-height:320px;max-width: 100%;}
    .fran-view dt .bigimg .no-data{font-size: 14px;line-height: 200px;}
    .fran-view dt .bigimg .bx-pager{bottom: 15px;}
    .fran-view dt .bigimg .bx-pager-item a{width: 8px;height: 8px;}

    .fran-view dd{padding-top: 20px;width: auto;}
    .fran-view dd .head{padding-bottom: 15px;margin-bottom: 15px;}
    .fran-view dd .head em{font-size: 13px;margin-top: 5px;}
    .fran-view dd .head h4{font-size: 18px;line-height: 22px;font-weight: bold;}
    .fran-view dd .txt{font-size: 13px;line-height: 20px;}

    .fran-view dd .info{margin-top: 40px;padding: 15px 5px;}
    .fran-view dd .info > li{padding: 4px 0;padding-left: 0;}
    .fran-view dd .info > li > strong{position: static;padding: 4px 0;font-size: 14px;display: block;}
    .fran-view dd .info > li > p{display: block;font-size: 14px;line-height: 18px;}

    .fran-view-map #map{height: 200px !important;}

}