/* line 10, ../sass/sbo.scss */
body {
  overflow-x: hidden;
}

/* line 13, ../sass/sbo.scss */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 3px;
}

@media (min-width: 991.98px) {
  /* line 19, ../sass/sbo.scss */
  #list_area {
    width: 74.948vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 23, ../sass/sbo.scss */
  #list_area img {
    border-radius: 15px;
    width: 100%;
    display: block;
  }
  /* line 28, ../sass/sbo.scss */
  #list_area .list_area_title {
    color: #4A4340;
    border-bottom: 1px solid #707070;
    padding-bottom: 8px;
    font-weight: 700;
    margin-bottom: 70px;
    font-size: 18px;
    width: 100%;
  }
  /* line 37, ../sass/sbo.scss */
  #list_area .menu_row {
    margin-bottom: 29px;
  }
  /* line 39, ../sass/sbo.scss */
  #list_area .menu_row .menu_col {
    font-size: 14px;
    display: inline-block;
    color: #A18E4F;
    padding: 9px 30px;
    margin-right: 20px;
    border: 1px solid #947922;
    border-radius: 6px;
  }
  /* line 48, ../sass/sbo.scss */
  #list_area .menu_row .menu_active {
    background-color: #A18E4F;
    color: #fff;
  }
  /* line 53, ../sass/sbo.scss */
  #list_area .case_list {
    font-size: 14px;
  }
  /* line 55, ../sass/sbo.scss */
  #list_area .case_list .col-lg-4 {
    flex: 0 0 32%;
  }
  /* line 58, ../sass/sbo.scss */
  #list_area .case_list .pt-lg-4 {
    padding-top: 1vw !important;
  }
  /* line 61, ../sass/sbo.scss */
  #list_area .case_list .px-lg-2 {
    padding-left: 0.5vw !important;
    padding-right: 0.5vw !important;
  }
  /* line 66, ../sass/sbo.scss */
  #list_area .case_list .swiper-container .swiper-wrapper {
    padding-bottom: 2em;
  }
  /* line 70, ../sass/sbo.scss */
  #list_area .case_list .case-col {
    width: 22.813vw;
    margin-right: 3.125vw;
    padding-bottom: 78px;
  }
  /* line 74, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img {
    min-height: calc(13vw + 30px);
  }
  /* line 77, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div {
    position: relative;
  }
  /* line 79, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 5%;
    left: 0;
    padding: 0.5vmin 1vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 90, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 15%;
    left: 0;
    padding: 0.5vmin 1vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 101, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 0%;
    right: 5%;
    padding: 1vmin 1vmin;
    font-size: 0.7vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 112, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 0%;
    right: 5%;
    padding: 1vmin 1vmin;
    font-size: 0.7vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 124, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 128, ../sass/sbo.scss */
  #list_area .case_list .case-col .content_text {
    padding-top: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #616161;
    letter-spacing: 0.31px;
    text-align: justify;
  }
  /* line 137, ../sass/sbo.scss */
  #list_area .case_list .case-col .info_sale h5 {
    font-size: 20px;
  }
  /* line 140, ../sass/sbo.scss */
  #list_area .case_list .case-col .info_sale .area {
    margin-left: 0.6vw;
  }
  /* line 145, ../sass/sbo.scss */
  #list_area .case_list .case-col:nth-child(3n) {
    margin-right: 0%;
  }
  /* line 148, ../sass/sbo.scss */
  #list_area .case_list .feature {
    border-right: 1px solid #A89292;
  }
  /* line 151, ../sass/sbo.scss */
  #list_area .case_list .store_sale {
    color: #DF794C;
    border: 1px solid #DF794C;
    padding: 3px;
    margin-left: 0.6vw;
    font-weight: 700;
  }
  /* line 158, ../sass/sbo.scss */
  #list_area .case_list .reservation {
    color: #FFFFFF;
    background-color: #720A11;
    padding: 3px 19px;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1.85;
    text-align: center;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 176, ../sass/sbo.scss */
  #list_area .list_area_more {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 108px;
  }
  /* line 181, ../sass/sbo.scss */
  #list_area .list_area_more .list_more {
    width: fit-content;
    margin: 0 auto;
  }
  /* line 184, ../sass/sbo.scss */
  #list_area .list_area_more .list_more .more {
    padding: 9px 49px;
    color: #947922;
    border: 1px solid #947922;
    font-size: 14px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 991.98px) and (max-width: 1600px) {
  /* line 201, ../sass/sbo.scss */
  #list_area .case_list .case-col {
    width: 48%;
    margin-right: 4%;
  }
  /* line 204, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img {
    min-height: calc(21vw + 20px);
  }
  /* line 208, ../sass/sbo.scss */
  #list_area .case_list .case-col:nth-child(3n) {
    margin-right: 4%;
  }
  /* line 211, ../sass/sbo.scss */
  #list_area .case_list .case-col:nth-child(2n) {
    margin-right: 0%;
  }
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  /* line 219, ../sass/sbo.scss */
  #list_area {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 223, ../sass/sbo.scss */
  #list_area img {
    border-radius: 15px;
    width: 100%;
    display: block;
  }
  /* line 228, ../sass/sbo.scss */
  #list_area .list_area_title {
    color: #4A4340;
    border-bottom: 1px solid #707070;
    padding-bottom: 8px;
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 18px;
    width: 100%;
  }
  /* line 237, ../sass/sbo.scss */
  #list_area .menu_row {
    margin-bottom: 38px;
  }
  /* line 239, ../sass/sbo.scss */
  #list_area .menu_row .menu_col {
    font-size: 14px;
    display: inline-block;
    color: #A18E4F;
    padding: 9px 21px;
    margin-right: 20px;
    border: 1px solid #947922;
    border-radius: 6px;
  }
  /* line 248, ../sass/sbo.scss */
  #list_area .menu_row .menu_active {
    background-color: #A18E4F;
    color: #fff;
  }
  /* line 253, ../sass/sbo.scss */
  #list_area .case_list {
    font-size: 12px;
  }
  /* line 255, ../sass/sbo.scss */
  #list_area .case_list .col-lg-4 {
    flex: 0 0 32%;
  }
  /* line 258, ../sass/sbo.scss */
  #list_area .case_list .pt-lg-4 {
    padding-top: 1vw !important;
  }
  /* line 261, ../sass/sbo.scss */
  #list_area .case_list .px-lg-2 {
    padding-left: 0.5vw !important;
    padding-right: 0.5vw !important;
  }
  /* line 265, ../sass/sbo.scss */
  #list_area .case_list .case-col {
    width: 48%;
    margin-right: 4%;
    padding-bottom: 78px;
  }
  /* line 269, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img {
    min-height: calc(25vw + 20px);
  }
  /* line 272, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img .swiper-container .swiper-wrapper {
    padding-bottom: 2em;
  }
  /* line 277, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div {
    position: relative;
  }
  /* line 279, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 7%;
    left: 0;
    padding: 0.5vmin 1vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 290, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 16%;
    left: 0;
    padding: 0.5vmin 1vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 301, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 0%;
    right: 5%;
    padding: 1vmin 1vmin;
    font-size: 1.367vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 312, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 0%;
    right: 5%;
    padding: 1vmin 1vmin;
    font-size: 1.367vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 324, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 328, ../sass/sbo.scss */
  #list_area .case_list .case-col .content_text {
    padding-top: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #616161;
    letter-spacing: 0.31px;
    text-align: justify;
  }
  /* line 337, ../sass/sbo.scss */
  #list_area .case_list .case-col .info_sale h5 {
    font-size: 14px;
  }
  /* line 340, ../sass/sbo.scss */
  #list_area .case_list .case-col .info_sale .area {
    margin-left: 0.6vw;
  }
  /* line 345, ../sass/sbo.scss */
  #list_area .case_list .case-col:nth-child(2n) {
    margin-right: 0%;
  }
  /* line 348, ../sass/sbo.scss */
  #list_area .case_list .feature {
    border-right: 1px solid #A89292;
  }
  /* line 351, ../sass/sbo.scss */
  #list_area .case_list .store_sale {
    color: #DF794C;
    border: 1px solid #DF794C;
    padding: 3px;
    margin-left: 0.6vw;
    font-weight: 700;
  }
  /* line 358, ../sass/sbo.scss */
  #list_area .case_list .reservation {
    color: #FFFFFF;
    background-color: #720A11;
    padding: 3px 19px;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1.85;
    text-align: center;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 376, ../sass/sbo.scss */
  #list_area .list_area_more {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 35px;
  }
  /* line 381, ../sass/sbo.scss */
  #list_area .list_area_more .list_more {
    width: fit-content;
    margin: 0 auto;
  }
  /* line 384, ../sass/sbo.scss */
  #list_area .list_area_more .list_more .more {
    padding: 9px 29px;
    color: #947922;
    border: 1px solid #947922;
    font-size: 14px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767.98px) {
  /* line 400, ../sass/sbo.scss */
  #list_area {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 404, ../sass/sbo.scss */
  #list_area img {
    border-radius: 15px;
    width: 100%;
    display: block;
  }
  /* line 409, ../sass/sbo.scss */
  #list_area .list_area_title {
    color: #4A4340;
    border-bottom: 1px solid #707070;
    padding-top: 24px;
    padding-bottom: 8px;
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 18px;
    width: 100%;
  }
  /* line 419, ../sass/sbo.scss */
  #list_area .menu_row {
    margin-bottom: 38px;
  }
  /* line 421, ../sass/sbo.scss */
  #list_area .menu_row .menu_col {
    font-size: 14px;
    display: inline-block;
    color: #A18E4F;
    padding: 9px 20px;
    margin-right: 1.333vw;
    border: 1px solid #947922;
    border-radius: 6px;
  }
  /* line 430, ../sass/sbo.scss */
  #list_area .menu_row .menu_active {
    background-color: #A18E4F;
    color: #fff;
  }
  /* line 435, ../sass/sbo.scss */
  #list_area .case_list {
    font-size: 14px;
  }
  /* line 437, ../sass/sbo.scss */
  #list_area .case_list .case-col {
    width: 100%;
    padding-bottom: 66px;
  }
  /* line 440, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img {
    margin-left: -5vw;
    min-height: calc(47vw + 42px);
    margin-left: auto;
    margin-right: auto;
  }
  /* line 445, ../sass/sbo.scss */
  #list_area .case_list .case-col .case-col-img .case-col-img-default {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 451, ../sass/sbo.scss */
  #list_area .case_list .case-col .swiper-container {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5% !important;
  }
  /* line 455, ../sass/sbo.scss */
  #list_area .case_list .case-col .swiper-container .swiper-wrapper {
    padding-bottom: 2em;
  }
  /* line 457, ../sass/sbo.scss */
  #list_area .case_list .case-col .swiper-container .swiper-wrapper .swiper-slide {
    width: 90vw;
  }
  /* line 460, ../sass/sbo.scss */
  #list_area .case_list .case-col .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right: calc(5vw + 15px);
  }
  /* line 465, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div {
    position: relative;
  }
  /* line 467, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 6%;
    left: 0;
    padding: 1vmin 2vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 478, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .bottom_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    bottom: 15%;
    left: 5%;
    padding: 0.5vmin 1vmin;
    font-size: 1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 600;
  }
  /* line 489, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 6%;
    right: 0%;
    padding: 2vmin 2vmin;
    font-size: 3.5vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 500, ../sass/sbo.scss */
  #list_area .case_list .case-col .img_div .top_text_swiper {
    font-family: Verdana,Geneva,sans-serif;
    position: absolute;
    top: 6%;
    right: 5%;
    padding: 2vmin 2vmin;
    font-size: 3.5vw;
    color: #FFFFFF;
    background-color: rgba(178, 138, 26, 0.74);
    z-index: 600;
  }
  /* line 512, ../sass/sbo.scss */
  #list_area .case_list .case-col .content_text {
    padding-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #616161;
    letter-spacing: 0.31px;
    text-align: justify;
  }
  /* line 521, ../sass/sbo.scss */
  #list_area .case_list .feature {
    border-right: 1px solid #A89292;
    margin-top: 18px;
  }
  /* line 525, ../sass/sbo.scss */
  #list_area .case_list .info_sale {
    padding-right: 1.5vw;
  }
  /* line 527, ../sass/sbo.scss */
  #list_area .case_list .info_sale h5 {
    padding-top: 0.3vw;
    font-size: 4.7vw;
  }
  /* line 532, ../sass/sbo.scss */
  #list_area .case_list .store_sale {
    color: #DF794C;
    border: 1px solid #DF794C;
    padding: 0vw 1vw;
    margin: 0 5px;
    font-weight: 700;
  }
  /* line 539, ../sass/sbo.scss */
  #list_area .case_list .area {
    font-size: 3vmin;
  }
  /* line 542, ../sass/sbo.scss */
  #list_area .case_list .reservation {
    color: #FFFFFF;
    background-color: #720A11;
    padding: 3px 5vw;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1.85;
    text-align: center;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 560, ../sass/sbo.scss */
  #list_area .list_area_more {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 35px;
  }
  /* line 565, ../sass/sbo.scss */
  #list_area .list_area_more .list_more {
    width: fit-content;
    margin: 0 auto;
  }
  /* line 568, ../sass/sbo.scss */
  #list_area .list_area_more .list_more .more {
    padding: 9px 29px;
    color: #947922;
    border: 1px solid #947922;
    font-size: 14px;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
  }
}