@charset "utf-8";


/*
html,body{overflow:hidden;}
*/




/* main Visual */
.JS-mainVisual{  position:relative; width:100%; padding:0;  text-align:center; box-sizing:border-box; overflow:hidden; z-index:10;}
.JS-mainVisual>.in{position:relative; margin:0 auto; }
/*
.JS-mainVisual .item:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; content:"";}
.JS-mainVisual .item:before{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; line-height:1; z-index:111;}

.JS-mainVisual .mo .item:before{content:"1000px * 1100px";}
.JS-mainVisual .pc .item:before{content:"3000px * 500px";} */

.JS-mainVisual .pc{display:none; }
.JS-mainVisual .mo{display:block; text-align:center;}
.JS-mainVisual .bar-in{position:absolute; left:40%; bottom:20px; width:20%; box-sizing:border-box; padding:0 5%;}
.JS-mainVisual .swiper-button-next,
.JS-mainVisual .swiper-button-prev{opacity:0; transition:0.3s;}
.JS-mainVisual:hover .swiper-button-next,
.JS-mainVisual:hover .swiper-button-prev{opacity:1;}
.JS-mainVisual .swiper-button-next{right:20px;}
.JS-mainVisual .swiper-button-prev{left:20px;}
.JS-mainVisual .swiper-button-next:after,
.JS-mainVisual .swiper-button-prev:after{font-size:20px; color:#fff;}
.JS-mainVisual .swiper-scrollbar-drag{background:#fff;}

.JS-mainVisual .item a{opacity:0; transition:0.3s;}
.JS-mainVisual .item.swiper-slide-active a{opacity:1;}

.JS-mainVisual .autoplay-progress {transform:scale(0.8); opacity:0.6; color:#fff;    position: absolute;    right: 16px;    bottom: 16px;    z-index: 10;    width: 48px;    height: 48px;    display: flex;    align-items: center;    justify-content: center;    font-weight: bold;  transition:0.3s; }
.JS-mainVisual .autoplay-progress svg { stroke:#fff;   --progress: 0;    position: absolute;    left: 0;    top: 0px;    z-index: 10;    width: 100%;    height: 100%;    stroke-width: 4px;        fill: none;    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));    stroke-dasharray: 125.6;    transform: rotate(-90deg);  }
.JS-mainVisual .swiper-pagination-bullet{width:20px; height:1px; margin:0 1px !important; border-radius:0; background:#fff; opacity:0.3; transition:0.2s;}
.JS-mainVisual .swiper-pagination-bullet-active{background:#fff; opacity:1;}

@media all and (min-width:768px){
  .JS-mainVisual{position:relative; height:500px;}
  .JS-mainVisual .swiper{height:500px;}
  .JS-mainVisual .pc{display:block; }
  .JS-mainVisual .item{}
  .JS-mainVisual .item img{max-height:500px; width:auto;}
  .JS-mainVisual .swiper-container{position:absolute; top:0; left:50%; width:100%; transform:translateX(-50%); width:3000px;}
  .JS-mainVisual .swiper-button-prev{left:50%; right:auto; margin-left:-700px;}
  .JS-mainVisual .swiper-button-next{left:50%; right:auto; margin-left:670px;}

  .JS-mainVisual .mo{display:none;}
  .JS-mainVisual .autoplay-progress{transform:none;}
  .JS-mainVisual:hover .autoplay-progress{opacity:1;}
  .JS-mainVisual .swiper-pagination-bullet{width:40px;}
  .JS-mainVisual:hover .swiper-pagination-bullet{height:4px;}
}




.titleArea{margin-bottom:20px; position:relative; }
.titleArea.left{text-align:left;}
.titleArea.center{text-align:center;}
.titleArea h2{font-size:20px;}
.titleArea h2 span{color:var(--c1);}
.titleArea h2 strong{font-size:17px; background:var(--c1); color:#fff; display:inline-block; padding:5px 25px; border-radius:30px;}
.titleArea h3{font-size:16px;}
.titleArea h3 b{font-size:20px;}
.titleArea h3 span{color:var(--c1);}
.titleArea h4{font-size:16px;}
.titleArea p{font-size:12px; color:#777;}
.titleArea p span{color:var(--c1);}
.titleArea .line{position:relative;}
.titleArea .line:after{position:absolute; top:50%; left:0; width:100%; height:1px; background:#cecece; content:""; z-index:9;}
.titleArea .line span{position:relative; display:inline-block; padding:0 20px; background:#f6f6f6; z-index:11;}

.main-02-2 .titleArea .line span{background:#fff;}


@media all and (min-width:768px){
  .titleArea{margin-bottom:40px;}
  .titleArea h2{font-size:30px;}
  .titleArea h2 strong{font-size:25px;}
  .titleArea h3{font-size:20px;}
  .titleArea h3 b{font-size:30px;}
  .titleArea h4{font-size:20px;}
  .titleArea p{font-size:14px;}
}

@media all and (max-width:767px){
  .titleArea.small h2{font-size:17px;}
}


.item-area.swiper-container{padding:0 5px;}
.item-area ul{}
.item-area ul[class*="grid"]{width:calc(100% + 10px); margin-left:-10px;}
.item-area ul[class*="grid"] .item{width:calc(100% / 1 - 10px); margin:0 0 10px 10px; }
.item-area ul[class*="grid"].swiper-wrapper{width:100%; margin-left:0; padding-bottom:10px;}
.item-area ul[class*="grid"].swiper-wrapper .item{margin:0;}
.item-area .item{ overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,0.1);  border-radius:5px; transition:0.3s; position:relative;}
.item-area .item .btns{position:absolute; top:10px; right:10px; width:30px; z-index:11;}
.item-area .item .btns a{width:30px; height:30px; display:inline-block; border-radius:50%; line-height:30px; text-align:center; color:#fff; background:var(--c1);}
.item-area .item .btns a + a{margin-top:3px; background:#fdbdc6;}
.item-area .item .btns a i{line-height:30px; font-size:14px;}
.item-area .item .img{position:relative; overflow:hidden;}
.item-area .item .img img{width:100%; transition:0.5s;}
.item-area .item .img:hover img{transform:scale(1.07);}
.item-area .item .txt{border:1px solid #eee; background:#fff; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.item-area .item .txt .info1{position:relative; box-sizing:border-box; padding:5px;}
.item-area .item .txt .info1 .left{box-sizing:border-box; padding-right:50px;}
.item-area .item .txt .info1 .left .bottom{display:flex; justify-content:space-between;}
.item-area .item .txt .info1 h2{width:100%; font-size:17px; margin-bottom:5px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.item-area .item .txt .info1 h2 a{}
.item-area .item .txt .info1 p{position:relative; max-width:70%; box-sizing:border-box; padding-right:20px; font-size:13px;  line-height:17px; height:17px; overflow:hidden; color:#666;}
.item-area .item .txt .info1 p.on{height:auto;}
.item-area .item .txt .info1 p:after{display:none; position:absolute; top:0; right:0; width:17px; height:17px; text-align:center; line-height:17px; font-family:'xeicon'; font-size:11px; content:"\e943"; transition:0.2s;}
.item-area .item .txt .info1 p.on:after{transform:rotate(180deg);}
.item-area .item .txt .info1 p.long{cursor:pointer;}
.item-area .item .txt .info1 p.long:after{display:inline-block;}
.item-area .item .txt .info1 span{color:#999; /*position:absolute; top:50%; right:5px; transform:translateY(-50%);*/ font-size:12px;}
.item-area .item .txt .info1 .btns{display:none;}
.item-area .item .txt .info2{display:flex; justify-content:space-between; align-items:end; box-sizing:border-box; padding:5px;}
.item-area .item .txt .info2 p{font-weight:bold; font-size:14.5px; color:#666;}
.item-area .item .txt .info2 .price{text-align:right;}
.item-area .item .txt .info2 .price .price1{color:#999; text-decoration:line-through;}
.item-area .item .txt .info2 .price .price2{color:var(--c2); font-size:17px; font-weight:800;}
.item-area .item .txt .info2 .price .price2 b{display:inline-block; position:relative; top:-1px; background:var(--c2); color:#fff; padding:0 7px; border-radius:4px; font-size:13px; margin-right:5px; vertical-align:middle;}
.item-area .item .txt .info3{font-size:13px; background:#fdf5f2; box-sizing:border-box; padding:5px; color:#666;  }
.item-area .item .txt .info3 p{height:42px; text-overflow: ellipsis;  overflow: hidden;  word-break: break-word; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.item-area .item .txt .info5{ box-sizing:border-box; padding:5px;}
.item-area .item .txt .info5 h3{font-size:14px;}
.item-area .item .txt .info5 h3 span{font-size:12px; display:inline-block; margin-left:5px; border:1px solid #ddd; box-sizing:border-box; padding:0 5px; border-radius:5px;}
.item-area .item .txt .info5 h3 span i{font-style:normal;}
.item-area .item .txt .info5 p{font-size:12px; min-height:20px;}
.item-area .item .txt .info6{ background:#fdf5f2; box-sizing:border-box; padding:5px; }
.item-area .item .txt .info6 ul{text-align:center;}
.item-area .item .txt .info6 ul li{width:50%; box-sizing:border-box; padding:0 5px;}
.item-area .item .txt .info6 ul li button{display:block; width:100%; padding:5px 0; border-radius:5px; background:#fff; border:1px dashed var(--c1); transition:0.3s;}
.item-area .item .txt .info6 ul li button:hover{background:var(--c1); color:#fff;}
.item-area .item .txt .info6 ul li button i{color:var(--c1); margin-right:5px;}
.item-area .item .txt .info6 ul li button:hover i{color:#fff;}
.item-area .item .txt .info6 ul li:nth-child(2) button{ background:#ff0746; color:#fff; }
.item-area .item .txt .info6 ul li:nth-child(2) button:hover{background:var(--c1);}

.item-area.big{}
.item-area.big .item .btns{width:40px;}
.item-area.big .item .btns a{width:45px; height:45px; display:inline-block; border-radius:50%; line-height:45px; text-align:center; color:#fff; background:var(--c1);}
.item-area.big .item .btns a + a{margin-top:3px; background:#fdbdc6;}
.item-area.big .item .btns a i{line-height:45px; font-size:20px;}

.item-area.big .item .img{}
.item-area.big .item .img img{height:170px; object-fit:cover; object-position:center;;}


@media all and (min-width:550px){
  .item-area ul[class*="grid"] .item{width:calc(100% / 2 - 10px);}
}

@media all and (min-width:800px){
  .item-area ul[class*="grid"] .item{width:calc(100% / 3 - 10px);}
}

@media all and (min-width:1050px){
  .item-area ul[class*="grid"] .item{width:calc(100% / 4 - 10px);}
}

@media all and (min-width:1300px){
  .item-area ul.grid5 .item{width:calc(100% / 5 - 10px);}
}


@media all and (min-width:768px){
  .item-area.swiper-container{padding:0 10px;}
  .item-area .item:hover{ box-shadow:5px 5px 10px 2px rgba(0,0,0,0.15);}
  .item-area .item:hover .txt{border-left-color:#ddd;}
  .item-area .item .img .btns{display:none;}
  .item-area .item .img>a{position:relative; display:block; height:0; padding-bottom:66.67%;}
  .item-area .item .img>a img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center;}
  .item-area .item[data-closed] .img:before{font-size:25px;}
  .item-area .item .txt .info1{padding:10px;}
  .item-area .item .txt .info1 .left{padding-right:0;}
  .item-area .item .txt .info1 .left .bottom{}
  .item-area .item .txt .info2{padding:10px;}
  .item-area .item .txt .info3{padding:10px;}
  .item-area .item .txt .info5{padding:10px;}
  .item-area .item .txt .info6{padding:10px;}
  .item-area.big .item .img img{height:auto;}
}

@media all and (max-width:767px){
  .item-area.mo-list ul{display:block;;}
  .item-area.mo-list .item{display:flex; _width:100% !important; }
  .item-area.mo-list .item .img{width:30%;}
  .item-area.mo-list .item .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
  .item-area.mo-list .item .txt{width:70%; box-sizing:border-box; padding-left:8px; border-top:1px solid #eee; border-bottom-left-radius:0; border-top-right-radius:5px;}
  .item-area.mo-list .item .txt .info3{display:none;}

  .item-area.mo-list .item .img .btns{display:none;}
  .item-area.mo-list .item .txt .info1{min-height:70px;}
  .item-area.mo-list .item .txt .info1 .left{_padding-right:80px;}
  .item-area.mo-list .item .txt .info1 p{max-width:85%;}
  .item-area.mo-list .item .txt .info1 span{_right:55px;}
  .item-area.mo-list .item .txt .info1 .btns{display:inline-block; top:5px; right:5px;}

  .item-area .item .txt .info3{display:none;}
  .main-03 .item-area .item .txt .info3{display:block;}

  .item-area.big .item .txt .info1 .left{padding-right:0;}
  .item-area#new_item_area_cont ul[class*="grid"].swiper-wrapper .item .info2{align-items:center;}
  .item-area#new_item_area_cont ul[class*="grid"].swiper-wrapper .item .info2 p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media all and (max-width:400px){

}



.item-area.wide .item{display:flex; width:100% !important; box-shadow:none; border-radius:0; overflow:visible;}
.item-area.wide .item + .item{margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.item-area.wide .item .img{width:30%; border-radius:5px; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.item-area.wide .item .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
.item-area.wide .item .img .btns{display:none;}
.item-area.wide .item .txt{width:70%; padding-left:15px; border-radius:0; border:0;}
.item-area.wide .item .txt .info1{min-height:70px;}
.item-area.wide .item .txt .info1 .left{padding-right:80px;}
.item-area.wide .item .txt .info1 p{max-width:85%;}
.item-area.wide .item .txt .info1 span{right:55px;}
.item-area.wide .item .txt .info1 .btns{display:inline-block; top:5px; right:5px;}
.item-area.wide .item .txt .info2{display:block;;   }
.item-area.wide .item .txt .info2 p{font-size:13px; color:#666; font-weight:normal; width:100%;  display: -webkit-box;  word-wrap: break-word;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: ellipsis;  overflow: hidden; }
.item-area.wide .item .txt .info2 p + p{font-size:12px; color:#999; }
.item-area.wide .item .txt .info2 .price{text-align:left; margin-bottom:10px;}
.item-area.wide .item .txt .info3{/*display:none;*/}
.item-area.wide .item .txt .info4{ background:#f2f4f7; margin-bottom:10px;}
.item-area.wide .item .txt .info4 ul{display:flex; justify-content:space-evenly; align-items:center;}
.item-area.wide .item .txt .info4 ul li{font-size:13px; max-width:calc(100% / 3); }
.item-area.wide .item .txt .info4 ul li i{margin-right:5px;}
.item-area.wide .item .txt .info4 ul li span{}

  .item-area.pc-wide .item .txt .info4{padding:5px;   margin-bottom:10px;}
  .item-area.pc-wide .item .txt .info4 ul{  }
  .item-area.pc-wide .item .txt .info4 ul li{font-size:13px; vertical-align:middle; margin-right:10px;}
  .item-area.pc-wide .item .txt .info4 ul li i{margin-right:5px; color:var(--c1); margin-right:5px;}
  .item-area.pc-wide .item .txt .info4 ul li span{color:#777;}

  .item-area.pc-wide .item .txt .info3{display:block;}


.main-section.bg.main-02-2{padding:0; background:#fff;}
.main-section.bg.main-02-2>.in{max-width:100%;}
.location-3 .top h2{background:#333; color:#fff; padding:15px;}


@media all and (min-width:768px){

  .loc-list .main-section.main-04>.in{max-width:1000px;}

  .item-area.wide .item + .item{margin-top:20px; padding-top:20px;}
  .item-area.wide .item .txt .info2 p{font-size:15px; -webkit-line-clamp:1; }
  .item-area.wide .item .txt .info2 p + p{font-size:13px;}
  .item-area.wide .item .txt .info4{margin-left:10px; padding:5px 0;}
  .item-area.wide .item .txt .info4 ul li{font-size:15px;}

  .item-area.pc-wide>ul{display:block;}
  .item-area.pc-wide .item{display:flex; width:calc(100% / 1 - 10px) !important;  overflow:visible; padding:15px; box-sizing:border-box; border:1px solid #eee;}
  .item-area.pc-wide .item + .item{margin-top:15px;  }
  .item-area.pc-wide .item .img{width:30%;  }
  .item-area.pc-wide .item .img img{width:100%; height:100%; object-fit:cover; object-position:center;}
  .item-area.pc-wide .item .img .btns{display:none;}
  .item-area.pc-wide .item .txt{display:flex; flex-wrap:wrap; width:70%; padding:0; border-radius:0; border:0; box-sizing:border-box; padding-left:20px;}
  .item-area.pc-wide .item .txt .info1{width:100%; min-height:initial; padding:0; margin-bottom:10px;}
  .item-area.pc-wide .item .txt .info1 .left{padding-right:80px;}
  .item-area.pc-wide .item .txt .info1 p{max-width:100%; font-size:15px; }
  .item-area.pc-wide .item .txt .info1 span{right:55px;}
  .item-area.pc-wide .item .txt .info1 .btns{}
  .item-area.pc-wide .item .txt .info2{display:block;;   padding:0;}
  .item-area.pc-wide .item .txt .info2 p{font-size:13px; color:#666; font-weight:normal; width:100%;  display: -webkit-box;  word-wrap: break-word;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: ellipsis;  overflow: hidden; }
  .item-area.pc-wide .item .txt .info2 p + p{font-size:12px; color:#999; }
  .item-area.pc-wide .item .txt .info2 .price{text-align:left; margin-bottom:0;}
  .item-area.pc-wide .item .txt .info3{/*display:none;*/ background:#fff;}

  .item-area.pc-wide .item .txt .info2 p{font-size:15px; -webkit-line-clamp:1; }
  .item-area.pc-wide .item .txt .info2 p + p{font-size:13px;}
  .item-area.pc-wide .item .txt .info3 p{font-size:15px; padding:0;}
  .item-area.pc-wide .item .txt .info4{width:100%; padding:0;}
  .item-area.pc-wide .item .txt .info4 ul li{font-size:15px; margin-right:15px;}

  .item-area.pc-wide .item .txt .bottom-box{width:100%; display:flex; flex-direction:row-reverse; margin-top:auto; align-items:baseline;}
  .item-area.pc-wide .item .txt .bottom-box .info2{width:130px;  }
  .item-area.pc-wide .item .txt .bottom-box .info2 .price{text-align:right;}
  .item-area.pc-wide .item .txt .bottom-box .info3{width:calc(100% - 130px); padding:0;}
  .item-area.pc-wide .item .txt .bottom-box .info3 p{word-break:keep-all; height:25px; margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; -webkit-line-clamp:initial; -webkit-box-orient:initial;}


}






.item-area .item[data-closed]{}
.item-area .item[data-closed]:after{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; content:""; opacity:0.25; z-index:12;}
.item-area .item[data-closed] .img:before{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:17px; font-weight:bold; z-index:13;}
.item-area .item[data-closed="full"] .img:before{content:"예약마감";}
.item-area .item[data-closed="vacation"] .img:before{content:"휴가중";}
.item-area .item[data-closed="closed"] .img:before{content:"휴무";}
.item-area .item[data-closed="const"] .img:before{content:"공사중";}
.item-area .item[data-closed="soldout"] .img:before{content:"매진";}

@media all and (max-width:767px){
  .item-area .item[data-closed] .img:before{content:"";}
  .item-area .item[data-closed]:before{content:"마감"; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:25px; font-weight:bold; z-index:13;}

}

.item-area .item .img .top-ico{position:absolute; left:5px; top:5px; }
.item-area .item .img .top-ico span{background:#fb4d04; color:#fff; padding:2px 5px; font-size:11px; display:inline-block; border-radius:3px;}

@media all and (mim-width:768px){
  .item-area .item .img .top-ico{top:7px; left:10px;}
  .item-area .item .img .top-ico span{font-size:12px;}
}


.txt-list{}
.txt-list ul{}
.txt-list ul li{}
.txt-list ul li + li{margin-top:2px;}
.txt-list ul li a{position:relative; display:flex; padding-left:30px; box-sizing:border-box; align-items:center; transition:0.3s;}
.txt-list ul li a i{position:absolute; top:50%; left:0; transform:translateY(-50%); color:var(--c1);}
.txt-list ul li a p{width:calc(100% - 100px); line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt-list ul li a div{width:100px; text-align:right; height:100%;}
.txt-list ul li a div span{display:inline-block; background:#f4f4f4; padding:0 5px; border-radius:5px; min-width:65px; text-align:center;}

@media all and (min-width:768px){
  .txt-list ul li{font-size:15px;}
  .txt-list ul li:hover a{color:var(--c1);}
  .txt-list ul li a p{font-size:17px;}
  .txt-list ul li a div span{min-width:70px;}

}


.location-1 ul{width:calc(100% + 10px); margin-left:-10px;   margin-top:10px;}
.location-1 ul li{font-size:22px; width:calc(100% / 5 - 10px); margin:0 0 10px 10px; text-align:center; transition:0.3s;}
.location-1 ul li a{position:relative; display:block; width:100%; height:0; padding-bottom:100%; border-radius:50%; background:#dbdbe2; overflow:hidden; transition:0.3s;}
.location-1 ul li a span{  position:absolute; display:flex; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.2);  justify-content:center; align-items:center; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border-radius:50%; width:80%; height:80%;}
/*
.location-1 ul:hover li{opacity:0.5;}
.location-1 ul:hover li a{transform:scale(0.95);} */
.location-1 ul:hover li:hover{opacity:1;}
.location-1 ul li.on a,
.location-1 ul li:hover a{background:var(--c1); transform:scale(1.05);}
.location-1 ul li.on a span,
.location-1 ul li:hover a span{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}

@media all and (min-width:768px){
  .location-1 ul li{ width:calc(100% / 6 - 10px);}
}

@media all and (min-width:1000px){
  .location-1 ul li{ width:calc(100% / 9 - 10px);}
}



.location-2 ul{width:calc(100% + 5px); margin-left:-5px; text-align:left;; }
.location-2 ul li{width:calc(100% / 3 - 5px); font-size:16px;  margin:0 0 5px 5px; transition:0.3s;}
.location-2 ul li a{position:relative; box-sizing:border-box; display:block; padding:5px; width:100%; border-radius:5px; background:#dbdbe2; overflow:hidden; transition:0.3s;}
.location-2 ul li a span{display:flex; box-sizing:border-box; padding:0 10px; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.2);  justify-content:center; align-items:center;   background:#fff; border-radius:5px; width:100%; height:100%;
max-height:34.8px;}

.location-2 ul li.on a,
.location-2 ul li:hover a{background:var(--c1); transform:scale(1.05);}
.location-2 ul li.on a span,
.location-2 ul li:hover a span{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);}

@media all and (min-width:768px){
  .location-2 ul{display:flex; flex-wrap:wrap;}
  .location-2 ul li{font-size:18px; width:calc(100% / 5 - 5px);}
  .location-2 ul li a{padding:7px;}
  .location-2 ul li a span{padding:3px 15px;}
}


@media all and (min-width:1000px){
  .location-2 ul li{width:calc(100% / 7 - 5px);}
}

@media all and (min-width:1200px){
  .location-2 ul li{width:calc(100% / 8 - 5px);}
}

@media all and (min-width:1400px){
  .location-2 ul li{width:calc(100% / 9 - 5px);}
}




.location-3{}
.location-3 .top{text-align:center; margin-bottom:20px;}
.location-3 .top h2{font-size:15px; margin-bottom:20px;}
.location-3 .top h2 i{display:inline-block; font-size:11px; margin-left:10px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#666; cursor:pointer; border-radius:50%; transition:0.2s;}
.location-3 .top fieldset{margin-bottom:20px; display:flex; justify-content:center; align-items:center; }
.location-3 .top fieldset input{height:30px; border-radius:0;}
.location-3 .top fieldset button{display:inline-block; padding:0 20px; height:30px; border:1px solid #ddd; margin-left:5px; background:#fff; transition:0.3s;}
.location-3 .top fieldset button:hover{background:#333; color:#fff;}
.location-3 .top p{}
.location-3 .map{display:none; max-width:1000px; margin:0 auto;}
.location-3 .map .root_daum_roughmap_landing{width:100% !important; max-height:300px;}
.location-3 .map .root_daum_roughmap .wrap_map{max-height:300px;}
.location-3 .map button.find{display:block; width:100%; padding:0 20px; height:30px;  background:#333; color:#fff; transition:0.3s;}
.location-3 .map button.find:hover{background:#000;}

.location-3.on{}
.location-3.on .top h2 i{transform:rotate(180deg);}
.location-3.on .map{display:block; animation:fadeIn 0.2s linear;}

@media all and (min-width:768px){
  .location-3 .top{margin-bottom:40px;}
  .location-3 .top h2{font-size:20px; margin-bottom:30px;}
  .location-3 .top h2 i{/*display:none;*/}
  .location-3 .top fieldset input{min-width:250px; height:34px;}
  .location-3 .top fieldset button{height:34px;}
  .location-3 .map{/*display:block !important;*/}
  .location-3 .map .root_daum_roughmap .wrap_map{max-height:300px;}
  .location-3 .map button.find{height:44px; font-size:16px;}
}





.tab-cont .tabArea ul{display:flex;}
.tab-cont .tabArea li{width:calc(100% / 3); cursor:pointer; background:#f4f4f4; height:50px; margin-left:-1px; justify-content:center; ; display:flex; align-items:center; font-size:0; line-height:0; border:1px solid #ddd;}
.tab-cont .tabArea li:nth-child(1){margin-left:0;}
.tab-cont .tabArea li.on{background:#fff; border-bottom-color:#fff;}
.tab-cont .tabArea li b{font-size:13px; line-height:1.5; }
.tab-cont .tabArea li span{}
.tab-cont .tabArea li i{}
.tab-cont .tabArea li span i{display:inline-block; font-size:20px; width:24px; height:24px; color:#fff; border-radius:5px; line-height:24px; margin-right:5px; text-align:center;}
.tab-cont .tabArea li span[class*="insta"] i{ color:#fff; background: #d6249f;  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.tab-cont .tabArea li span.blog,
.tab-cont .tabArea li span.blog i{position:relative; font-size:0; line-height:0; z-index: 11}
.tab-cont .tabArea li span.blog:after{position:absolute; top:50%; left:50%; width:15px; height:15px;  background:#fff;transform:translate(-50%, -50%); content:""; z-index:1;}
.tab-cont .tabArea li span.youtube i{background:#ff0000;}

.tab-cont .contArea{border:1px solid #ddd; border-top:0; padding:10px; box-sizing:border-box; }
.tab-cont .contArea .cont{display:none;}
.tab-cont .contArea .cont.on{display:block; animation:fadeIn 0.4s linear;}
.tab-cont .contArea ul{width:calc(100% + 10px); margin-top:10px; margin-left:-10px; }
.tab-cont .contArea ul li{width:calc(100% / 2 - 10px); margin:0 0 10px 10px;}
.tab-cont .contArea ul li img{}


@media all and (min-width:768px){
  .tab-cont .contArea ul li{ width:calc(100% / 3 - 10px);}
}


.main-sns .tab-cont .tabArea li{background:#fff; border-bottom:0; cursor:initial;}
.main-sns .tab-cont .contArea{border:0; padding:0;}
.main-sns .tab-cont .contArea .cont{width:calc(100% - 1px); margin:0; display:flex; border-left:1px solid #ddd;}
.main-sns .tab-cont .contArea ul{width:calc(100% / 3); padding:5px; margin:0; border:1px solid #ddd; border-left:0; box-sizing:border-box;}
.main-sns .tab-cont .contArea ul li{width:100%; margin:0;}
.main-sns .tab-cont .contArea ul li.youtube:not(:first-child){display:none;}
.main-sns .tab-cont .contArea ul li.insta:not(:first-child){display:none;}
.main-sns .tab-cont .contArea ul li.blog:not(:first-child){display:none;}
.main-sns .tab-cont .more-button{display:none;}

@media all and (max-width:767px){
  .main-sns .tab-cont .contArea ul li a{display:block; position:relative; padding-bottom:100%;}
  .main-sns .tab-cont .contArea ul li a img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center;}

}



.more-button{margin-top:30px; text-align:center;}
.more-button button{width:100%; background:#f4f4f4; padding:10px 0; border-radius:5px; transition:0.3s;}

@media all and (min-width:768px){
  .more-button button{max-width:350px; padding:15px 0;  }
  .more-button button:hover{background:#ddd;}
}



.main-section{box-sizing:border-box; padding:25px 8px; overflow:hidden;}
.main-section.bg{background:#f6f6f6;}
.main-section>.in{max-width:1400px; margin:0 auto;}

@media all and (min-width:768px){
  .main-section{ padding:70px 15px;}
}







.main-01{}


.main-02{}
.main-02>.in{}
.main-02 + .main-02-1{padding-top:0;  margin-top:-30px;}

.main-02-1.pb-0{padding-bottom:0;}
.main-02-2.pb-0{padding-bottom:0;}


.main-03{}
.main-04.main-section{overflow:visible;}
.main-04 .titleArea {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}




.main-05{border-top:1px solid #eee; border-bottom:1px solid #eee;}



/*
.item.black:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.25;
	left:0;
	top:0;
	z-index:9;

}

.item.black a{
	pointer-events: none;
} */


.byDistance{
	background: var(--c1);
	color:#fff;
	padding:5px 15px;
	border-radius:50px;
	font-size:17px;
}

.byDistance i{
	margin-right:5px;
}















/**/
.swiper-wrapper{
  height:auto !important;
}