/* html{background-color: #efefef; height: 100%; overflow-x: hidden; width:100%; font-size: 2.6666666667vw;}
body{color:#121212; margin-left:auto; margin-right:auto; background-color: #fff; font-size: 1.1em; height: 100%; line-height: 1.4;} */


/* 스와이퍼 */

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
  }


/* -------- 인트로 -------- */



/* -------- 하단 내비 -------- */
.bt_nav {padding: 17px 0; border-radius: 20px 20px 0 0; background-color: #fff; box-shadow: 0 -2px 10px #aaaaaa30; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
.bt_nav ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.bt_nav .nav_con {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.bt_nav .nav_con .nav_icon {display: block; width: 30px; height: 30px;}
.bt_nav .nav_con.home .nav_icon {background: url(../img/nav1.png) no-repeat center/contain;}
.bt_nav  li.on .nav_con.home .nav_icon {background: url(../img/nav1-on.png) no-repeat center/contain;}
.bt_nav .nav_con.go .nav_icon {background: url(../img/nav2.png) no-repeat center/contain;}
.bt_nav li.on .nav_con.go .nav_icon {background: url(../img/nav2-on.png) no-repeat center/contain;}
.bt_nav .nav_con.store .nav_icon {background: url(../img/nav3.png) no-repeat center/contain;}
.bt_nav li.on .nav_con.store .nav_icon {background: url(../img/nav3-on.png) no-repeat center/contain;}
.bt_nav .nav_con.my .nav_icon {background: url(../img/nav04.png) no-repeat center/contain;}
.bt_nav li.on .nav_con.my .nav_icon {background: url(../img/nav4-on.png) no-repeat center/contain;}

.bt_nav li span {color: #aaa; font-size: 13px;}
.bt_nav li.on span {color: #ff6200; font-family: 'NanumSquareNeoExtraBold';}


/* -------- 탑바 -------- */
.top_bar {width: 100%; padding: 30px 0; position: fixed; top: 0; left: 0; box-shadow: 0 2px 10px #cccccc30; background-color: #fff; z-index: 150;}
.top_bar .top_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 4px;}
.top_bar .top_tit em {color: #3071F2;}
/* .top_bar .btn_prev {width: 12px; height: 18px; background: url(../img/btn_prev.png) no-repeat left/contain; position: absolute; top: 50%; left: 16px; transform: translateY(-50%);} */
.top_bar .prev {width: 12px; height: 18px; background: url(../img/btn_prev.png) no-repeat left/contain; position: absolute; top: 50%; left: 16px; transform: translateY(-50%);}
.top_bar .btn_right { position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}
.top_bar .btn_right.cart::after {content: "2"; display: block; width: 18px; height: 18px; border-radius: 50%; background-color: #3071F2; color: #fff; font-size: 12px; font-weight: 700; top: -6px; right: -6px; position: absolute;line-height: 18px; text-align: center;}
.top_bar .btn_right.write {padding: 8px 14px; border-radius: 3px; background-color: #eff4ff; font-size: 14px; color: #3071F2;}

@media (max-width:310px){
  /* .bt_nav li span {font-size: 13px;} */
}