@charset "utf-8";

.main-contents{width: 100%; margin: 0 auto; position: relative; min-height: 100%; padding-bottom: 25px;}
.main-background{height: 511px; position: relative;}
.main-background::after{content:''; position:absolute; top:0; left:0; width:100%; height:511px; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0) 65%);}
.main-background .main-bg{width: 100%; height: 100%; object-fit: cover;}

.main-box{position: absolute; bottom: 5%; left: 50%; background: rgba(0,0,0,0.4); border-radius: 4px; padding: 1.1em 0; width: 92%; transform: translate(-50%, -0); display: flex; justify-content: space-around; z-index: 999;}
.main-box .box-con{position: relative; text-align: center;}
.main-box .box-con:first-child::after{display: none;}
.main-box .box-con p{display: block; color: #fff; font-weight: 500;}
.main-box .box-con p span{color: #c8a445; font-weight: 500;}

/* main-course */
.main-course{width: 100%;}
.main-course ul li{height: 90px; position: relative;}
.main-course ul li a{display: block;}
.main-course ul li a::after{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0; position: absolute; top: 0; left: 0;}
.main-course ul li .course-bg{background-size: cover; object-fit: cover; width: 100%; height: 90px;}

.text-box{position: absolute; left: 16px; color: #ccc; top: 22px; z-index: 1;}
.text-box h3{font-size: 1.25em; margin-bottom: 0.2em;}
.text-box h4{font-size: 0.75em;}

 /** 갤러리
===================================*/
.mainGallery{padding-top: 70px;}
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  min-width: 320px;
  width:100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {margin: 0 auto; z-index: 3;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 3px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ddd;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius:50%;
  border:none;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f6743b;
  border: none;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev {
  right:50%;
  margin-right:-260px;
  background:url(../images/main/controls_arw.png) no-repeat;
}
.bx-wrapper .bx-next {
  right:50%;
  margin-right:-300px;
  background:url(../images/main/controls_arw.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -100px;
  outline: 0;
  width: 32px;
  height: 43px;
  text-indent: -9999px;
  z-index: 70;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-controls{position: absolute; bottom: -10px; width: 100%; background: #2c5352; padding: 10px 0;}


/*pop-230425*/
.main-pop{ position: fixed; top:80px; left: 50%; transform: translateX(-50%); z-index: 11000; display: none; width: 300px;}
.main-pop img{ width: 100%; display: block;}
.main-pop .pop-close{ width: 100%; display: flex; justify-content: space-between; line-height: 30px; margin:-1px auto 0; }
.main-pop .pop-close a{ background-color: #444a5c; color: #fff; text-align: center; font-size: 0.75em;}
.bg-pop{ position: fixed; top:0; left: 0; right:0; bottom:0; background-color: rgba(0,0,0,0.6); z-index: 10000; display: none; width: 100%; height: 100%;}
.main-pop .btn-today-close{width: 60%; float: left;}
.main-pop .btn-pop-close{width: 40%;}


.sns-wrap{
    position: absolute;
    top: 70px;
    right: 27px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px 0;
}
.sns-wrap a img{
    width: 25px;
}