/*@import "tailwindcss/base";*/
/*@import "./custom-base-styles.css";*/

/*@import "tailwindcss/components";*/
/*@import "./custom-components.css";*/

/*@import "tailwindcss/utilities";*/
/*@import "./custom-utilities.css";*/


.swiper-slide {
  text-align: center;
  font-size: 15px;
}

.slick--visual__paging ul > li{
  display: none;
}

.slick--visual__paging ul > li.slick-active{
  display: block;
}

.counting{
  position: absolute;
  bottom:1.25rem;
  right:1rem;
  display: flex;
  justify-content: space-between;
  gap:.25rem;
}

.counting > div{
  background-color: rgba(109,109,109,0.7);
  border-radius: 1.5625rem;
  padding: 0.25rem 1rem;
  display: flex;
  justify-content: space-between;
  -webkit-border-radius: 1.5625rem;
  -moz-border-radius: 1.5625rem;
  -ms-border-radius: 1.5625rem;
  -o-border-radius: 1.5625rem;
  gap: .5rem;
}

.slick--visual__paging{
  line-height: 1.5;
  font-size: var(--font-size-smi);
  flex:0 0 1.5rem;
}

.counting > div li{
  color:#fff;
  text-align: center;
}
.counting > div li span{
  text-align: center;
  display: inline-block;
  width:.5rem;
  font-weight: var(--font-500);
}

.counting > div button {
  /* flex:0 0 0.625rem; */
}

.counting > div:nth-child(2) button img{
  width:10px;
  height:11px;
}

.counting > div:nth-child(2) button:nth-child(2) img{
  width:5px;
  height:12px;
}

.visual {
  width: 100%;
  height: 100%;
  position: relative;
  overflow:inherit;
}

.visual img {
  /* width: 100%; */
}

header.fixed{
  top: 0;
}

.items{
  padding: 2rem .625rem 0;
}

.items ul{  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.items ul li{
  flex:1;
}

.items ul li a{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.items ul li a span{
  display: block;
  margin-top:.5rem;
  font-size: var(--font-size-2x-smi);
  font-weight: var(--font-500);
}

.items ul li a img{
  display: block;
  width:98%
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
  width: calc(10%);
  height: 7px;
  left: 50%;
  transform: translate(-50%);
  background: var( --color-whild-blue);
  bottom: 0px;
  position: absolute;
  border-radius: 25px;
}
.swiper-scrollbar-drag{
  background: var(--color-steelblue);
  height: 100%;
  border-radius: 25px;
}

.sec03{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47%, auto));
  gap:1rem;
  padding-right: 1rem;
}

.review{
  text-align: left;
  margin-top: 1rem;
}

.review h5{
  font-family: 's-core-midium';
}

.review p{
  font-size: var(--font-size-smi);
  font-weight: 400;
  margin-top: .125rem;
}

.review ~ .info{
  margin-top:.5rem;
  border-top: 1px solid #f1f1f1;
}

.review ~ .info{
  font-size: var(--font-size-smi);
  font-weight: 400;
}

.bottom-swiper ul{
  display: flex;
  flex-wrap: wrap;
  gap: 15px 25px;
}

.bottom-swiper ul li {
  flex: 1 1 calc(50% - 20px);
}

.bottom-swiper ul li a{
  display: block;
  text-align: left;
  background: url(../images/more.png)no-repeat right center;
  background-size: 8px;
}

.bottom-pannel{
  border-top: 1px solid #ededed;
  padding-top: 10px;
}
.bottom-pannel .swiper-slide{
  padding-bottom: 30px;
}

.main-popup{
  display: none;
  position: fixed;
  z-index: 999;
  bottom:0;
  max-width: 28.75rem;
  border-radius: 1.5625rem 1.5625rem 0 0;
  -webkit-border-radius: 1.5625rem 1.5625rem 0 0;
  -moz-border-radius: 1.5625rem 1.5625rem 0 0;
  -ms-border-radius: 1.5625rem 1.5625rem 0 0;
  -o-border-radius: 1.5625rem 1.5625rem 0 0;
  overflow: hidden;
}

.main-popup.on{
  display: block;
}

.Close-wrap{
  display: flex;
  justify-content: space-around;
  padding: 1.25rem;
  background-color: var(--color-white);
}

.Close-wrap button{
  display: block;
  width: 100%;
}

.Close-wrap button:first-child{
  position: relative;
}

.Close-wrap button:first-child:after{
  position: absolute;
  content: '';
  border-right:.0625rem solid #E0E0E0;
  height: 1.25rem;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}