@charset "UTF-8";
body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
body::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
body::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

#atmnew {
  background:#fff;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 400;
  color: #000;
}

#atmnew.plan{
  margin:0;
  padding:0;
  text-align:left;
}

#atmnew .safe-area-inset-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * 1);
}

#atmnew img {
  display: block;
}

#atmnew .text-right {
  text-align: right;
}

#atmnew .swiper-container .swiper-pagination-progressbar,
#atmnew .swiper-container .swiper-scrollbar {
  position: relative;
  margin: 27px auto 0;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 84px;
  height: 3px;
  background: rgba(208, 208, 208, 0.5);
}

#atmnew .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
#atmnew .swiper-container .swiper-pagination-progressbar .swiper-scrollbar-drag,
#atmnew .swiper-container .swiper-scrollbar .swiper-pagination-progressbar-fill,
#atmnew .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #000;
  border-radius: 0;
}

#atmnew .swiper-wrapper {
  height: auto;
}

#atmnew .swiper-slide {
  width: auto;
  height: auto;
  max-width:100%;
}

#atmnew .main_slide_prod_list .swiper-slide {
  width: 100%;
  height: 100%;
}

#atmnew .swiper-slide a {
  display: block;
}

#atmnew #main {
  min-height: 100vh;
}

#atmnew .header {
  position:-webkit-sticky;
  position:sticky;
  top: 0;
  max-width:800px;
  background-color: #fff;
  z-index: 5000;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);
}

#atmnew .header.transition {
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: background-color 0.3s, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s;
  transition: transform 0.3s ease-in-out, background-color 0.3s, -webkit-transform 0.3s ease-in-out;
}

#atmnew .header.header--menu, #atmnew .header.header--vertical-kit {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.banner_app{background:#f9f9f9;}
.banner_app .btn_banner_app{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 15px;}
.banner_app .banner_app_img{height:25px;}
.banner_app .banner_app_text{padding:5px 12px;border-radius:50px;background:#234ac9;color:#fff;}

.banner_app2{background:#f9f9f9;font-size:0;text-align:center;}
.banner_app2 .banner_app_img{display:inline-block !important;height:25px;margin:15px 0;}
.banner_app2 [class^="btn_op_ios"]{display:inline-block;width:50%;font-size:16px;height:42px;line-height:40px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.banner_app2 .btn_op_ios_store{background:#234ac9;color:#fff;}

#atmnew .nav {
  position: relative;
  z-index: 11;
  margin:22px 0 0;
  border-radius: 0 0 20px 20px;
  /*border-bottom: 1px solid #ededed;*/
  background-color: #fff;
}

#atmnew .tnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  padding: 0 24px 0 20px;
  margin-bottom:18px;
}

#atmnew .tnb.index{
  display:flex;
}

#atmnew .tnb__userinfo{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size:19px;
  font-weight:bold;
}

#atmnew .tnb__userinfo .tnb__btn-login{
  font-size:19px;
  font-weight:bold;
  line-height:1;
}

#atmnew .tnb__userinfo .tnb__btn-login .tnb_icon_arrow{
  display:inline-block;
  margin-top:-3px;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
}

#atmnew .tnb__userinfo .tnb__btn-logout{
  display:inline-block;
  height:23px;
  margin:0 0 10px;
  padding:0 10px;
  border:1px solid #adadad;
  border-radius:5px;
  color:#222;
  font-size:12px;
  vertical-align:middle;
}

#atmnew .tnb__userinfo .tnb__cp{
  margin-bottom:7px;
  font-size:15px;
  font-weight:normal;
}

#atmnew .tnb__userinfo .tnb__user__name{
  font-size:14px;
}

#atmnew .tnb__cart {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 4px;
}

#atmnew .tnb__cart__btn {
  position: relative;
  width: 24px;
  height: 24px;
}

#atmnew .tnb__cart__count {
  position: absolute;
  left: 14px;
  bottom: 8px;
  padding: 0 4px;
  min-width: 17px;
  height: 17px;
  background-color: #d93643;
  border-radius: 9999px;
  line-height: 17px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
  text-align: center;
}

#atmnew .gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  padding: 0 15px 0;
}

#atmnew .gnb__back__btn {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

#atmnew .gnb__logo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: auto;
  width: 60px;
  height: 30px;
}

#atmnew .gnb__search {
  margin-left: 5px;
  margin-right: 14px;
}

#atmnew .gnb__search__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
  width: 100%;
  padding-right: 16px;
  margin-right: 3px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

#atmnew .gnb__search__input::-webkit-input-placeholder {
  font-weight: 500;
  color: #000;
}

#atmnew .gnb__search__input:-ms-input-placeholder {
  font-weight: 500;
  color: #000;
}

#atmnew .gnb__search__input::-ms-input-placeholder {
  font-weight: 500;
  color: #000;
}

#atmnew .gnb__search__input::placeholder {
  font-weight: 500;
  color: #000;
}

#atmnew .gnb__search__btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px !important;
  height: 24px !important;
}

#atmnew .gnb__search.active {
  margin-right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px 8px 18px;
  border: solid 1px #ededed;
  background-color: #f2f2f2;
  border-radius: 9999px;
}

#atmnew .gnb__search.active form{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#atmnew .gnb__search.active .gnb__search__input {
  display: block;
}

#atmnew .gnb__cart {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 4px;
}

#atmnew .gnb__cart.index{
  display:none;
}

#atmnew .gnb__cart__btn {
  position: relative;
  width: 24px;
  height: 24px;
}

#atmnew .gnb__cart__count {
  position: absolute;
  left: 14px;
  bottom: 8px;
  padding: 0 4px;
  min-width: 17px;
  height: 17px;
  background-color: #d93643;
  border-radius: 9999px;
  line-height: 17px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
  text-align: center;
}

#atmnew .saleskit-nav {
  margin-top: 20px;
  padding-left: 24px;
  padding-right: 12px;
  padding-bottom: 16px;
  margin-bottom: -16px;
  opacity: 0;
  overflow: hidden;
}

#atmnew .saleskit-nav__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
  margin-right: 12px;
}

#atmnew .saleskit-nav__item span {
  display: block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.22px;
  text-align: center;
  color: #7b7b7b;
  word-break: keep-all;
  -webkit-transition: 150ms;
  transition: 150ms;
}

#atmnew .saleskit-nav__item.active span {
  font-weight: bold;
  color: #000;
}

#atmnew .saleskit-nav__item img{
  max-width:100%;
  border-radius: 10px;
}

#atmnew .saleskit-nav__anchor {
  position: absolute;
  top: calc(100% + 16px);
  left: calc((340px - (68px * 5)) / 2);
  display: block;
  width: 340px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 0;
  z-index: 1;
}

#atmnew .saleskit-nav__anchor.active {
  opacity: 1;
}

#atmnew .saleskit-nav__anchor i {
  position: absolute;
  bottom: 0;
  width: 56px;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

#atmnew .saleskit-nav__anchor i svg {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -4px;
  width: 21px;
  height: 11px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

#atmnew .saleskit-nav__anchor.active svg[fill="#f8e3a5"]{
  display:none;
}

#atmnew .saleskit-layer-wrap {
  position: relative;
  min-height: 20px;
  margin-top: -20px;
}

#atmnew .saleskit-layer {
  position: relative;
}

#atmnew .saleskit-layer::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
}

#atmnew .saleskit-layer__inner {
  display: none;
  position: relative;
}

#atmnew .saleskit-layer-bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  visibility: hidden;
}

#atmnew .saleskit-layer__head {
  padding: 1px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 56px;
}

#atmnew .saleskit-layer__head__btn-category {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  background: url(../../img/hc/ic-s-vertical-category.svg) center/contain no-repeat;
}

#atmnew .saleskit-layer-bg.category-open {
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  visibility: visible;
}

#atmnew .saleskit-layer__inner.category-open .saleskit-layer__head__btn-category {
  background-image: url(../../img/hc/ic-s-vertical-category-close.svg);
}

#atmnew .saleskit-layer__head__title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
}

#atmnew .saleskit-layer__head__btn-brandmall {
  margin-left: auto;
  padding: 8px 15px 7px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  border-radius: 9999px;
  border: solid 1px rgba(255, 255, 255, 0.3);
}

#atmnew .saleskit-layer__head__search {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}

#atmnew .saleskit-layer__head__search__input {
  width: 100%;
  height: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #3b3b3b;
}

#atmnew .saleskit-layer__head__search__input::-webkit-input-placeholder {
  font-weight: 500;
  color: #3b3b3b;
}

#atmnew .saleskit-layer__head__search__input:-ms-input-placeholder {
  font-weight: 500;
  color: #3b3b3b;
}

#atmnew .saleskit-layer__head__search__input::-ms-input-placeholder {
  font-weight: 500;
  color: #3b3b3b;
}

#atmnew .saleskit-layer__head__search__input::placeholder {
  font-weight: 500;
  color: #3b3b3b;
}

#atmnew .saleskit-layer__body {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  padding: 0 20px 50px;
  width: 100%;
  max-height: calc(100vh - 259px);
  overflow: auto;
  overscroll-behavior: contain;
  z-index: 99;
}

#atmnew .saleskit-layer__body::-webkit-scrollbar{width:7px;}
#atmnew .saleskit-layer__body::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
#atmnew .saleskit-layer__body::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
#atmnew .saleskit-layer__body::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

#atmnew .saleskit-brand-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px 2px;
}

#atmnew .saleskit-brand-list .brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#atmnew .saleskit-brand-list .brand-item .brand-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  height: 78px;
  border-radius: 10px;
  background-color: #fff;
}

#atmnew .saleskit-brand-list .brand-item .brand-logo img {
  width: 102px;
  height: auto;
}

#atmnew .saleskit-brand-list .brand-item .brand-name {
  margin-top: 9px;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
  text-align: center;
  color: #000;
}

#atmnew .saleskit-layer__banner {
  max-width:100%;
  margin-bottom: 24px;
  border-radius: 10px;
}

#atmnew .saleskit-samsunglg {
  margin: 9px -20px 0;
}

#atmnew .saleskit-layer__banner + .saleskit-samsunglg {
  margin-top: -15px;
}

#atmnew .saleskit-layer .tab__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 26px;
  position: relative;
}

#atmnew .saleskit-layer .tab__menu::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  opacity: 0.3;
}

#atmnew .saleskit-layer .tab__menu__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 14px 0;
  line-height: 19px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.32px;
  text-align: center;
  color: #292929;
  opacity: 0.3;
  border-bottom: 2px solid transparent;
  -webkit-transition: 150ms;
  transition: 150ms;
  margin-left: 3px;
}

#atmnew .saleskit-layer .tab__menu__item:first-child {
  margin-left: 0;
}

#atmnew .saleskit-layer .tab__menu__item.active {
  border-bottom-color: #fff;
  color: #000;
  opacity: 1;
}

#atmnew .saleskit-layer .tab__panel {
  display: none;
  margin-top: 24px;
  padding: 0 20px;
  text-align: center;
}

#atmnew .saleskit-layer .tab__panel.active {
  display: block;
}

#atmnew .box-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 8px 7px;
}

#atmnew .box-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 11px 10px 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.26px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}

#atmnew .category-layer-wrap {
  position: relative;
  min-height: 20px;
  margin-top: -20px;
  z-index: 10;
}

#atmnew .category-layer {
  position: relative;
  background-color: #363636;
}

#atmnew .category-layer::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
}

#atmnew .category-layer__inner {
  position: relative;
}

#atmnew .category-layer__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  visibility: hidden;
}

#atmnew .category-layer__head {
  padding: 1px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 48px;
}

#atmnew .category-layer__head__depth {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: #fff;
}

#atmnew .category-layer__head__depth i {
  color: #9a9a9a;
}

#atmnew .category-layer__head__depth-icon {
  width: 16px;
  height: 16px;
  margin: 0 4px;
}

#atmnew .category-layer__head__btn-category-back {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: url(../../img/hc/ic-category-list-back.png) center/contain no-repeat;
}

#atmnew .category-layer__head__btn-category-toggle {
  margin-left: 6px;
  width: 16px;
  height: 16px;
  background: url(../../img/hc/btn-list-layer.svg) center/contain no-repeat;
}

#atmnew .category-layer__head__sort {
  height: 28px;
  margin-left: auto;
  padding: 0 30px 0 15px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.22px;
  border-radius: 9999px;
  border: solid 1px rgba(255, 255, 255, 0.3);
  background: url(../../img/hc/btn-category-open@2x.png) calc(100% - 12px) 50%/16px no-repeat;
}

#atmnew .category-layer__inner.category-open::after {
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  visibility: visible;
}

#atmnew .category-layer__inner.category-open .category-layer__head__btn-category-toggle {
  background-image: url(../../img/hc/btn-list-layer--open.svg);
}

#atmnew .category-layer__body {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  background-color: #fff;
  max-height: calc(100vh - 259px);
  overflow: auto;
  overscroll-behavior: contain;
  z-index: 99;
}

#atmnew .category-layer__body ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

#atmnew .category-layer__body ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 12px 20px;
  line-height: 16px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
  color: #1f1d1d;
  border-bottom: 1px solid #f4f4f4;
}

#atmnew .category-layer__body ul li:nth-child(odd) {
  border-right: 1px solid #f4f4f4;
}

#atmnew .category-layer__body ul li:last-child, #atmnew .category-layer__body ul li:nth-child(odd):nth-last-child(2) {
  border-bottom: 0;
}

#atmnew .tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width:800px;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  padding-bottom: calc(env(safe-area-inset-bottom) * 1);
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#atmnew .tabbar.transition {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

#atmnew .tabbar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 15px 10px;
}

#atmnew .tabbar__btn {
  display: block;
  position:relative;
  width: 32px;
  margin: 0 auto;
  padding: 0 17px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#atmnew .tabbar__btn i {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto 6px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#atmnew .tabbar__btn p {
  position: relative;
  left: -50%;
  width: 200%;
  line-height: 13px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.22px;
  text-align: center;
  color: #676767;
  white-space: nowrap;
}

.tabbar__btn .cart_count{position:absolute;top:-3px;right:12px;padding:0 4px;min-width:17px;height:17px;background:#d93643;border-radius:99px;line-height:17px;font-size:10px;color:#fff;font-weight:600;letter-spacing:-0.2px;text-align:center;}


#atmnew .tabbar__btn.category i {
  background-image: url(../../img/hc/btn-tabbar-category.svg);
}

#atmnew .tabbar__btn.azapic i {
  background-image: url(../../img/hc/btn-tabbar-azapic.svg);
}

#atmnew .tabbar__btn.zipalza i {
  background-image: url(../../img/hc/btn-tabbar-zipalza.svg);
}

#atmnew .tabbar__btn.clock i {
  background-image: url(../../img/hc/btn-tabbar-12-clock.svg);
}

#atmnew .tabbar__btn.ashow i {
  background-image: url(../../img/hc/btn-tabbar-ar-ashow.svg);
}

#atmnew .tabbar__btn.newgds i {
  background-image: url(../../img/hc/btn-tabbar-newgoods.svg);
}

#atmnew .tabbar__btn.home i{background-image: url(../../img/layout/nav_icon_home.svg);}
#atmnew .tabbar__btn.category.type2 i{background-image: url(../../img/layout/nav_icon_category.svg);}
#atmnew .tabbar__btn.mypage i{background-image: url(../../img/layout/nav_icon_mypage.svg);}
#atmnew .tabbar__btn.shipping i{background-image: url(../../img/layout/nav_icon_shipping.svg);}
#atmnew .tabbar__btn.cart i{background-image: url(../../img/layout/nav_icon_cart.svg);}
#atmnew .tabbar__btn.viewall i{background-image: url(../../img/layout/nav_icon_viewall.svg);}



#atmnew .main {
  margin-top: 20px;
}

#atmnew .product-list {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap:20px 5px;
  margin-bottom:25px;
  padding: 0 12px;
  counter-reset: product-list-rank;
}

#atmnew .grid-column-1 {grid-template-columns: 1fr;}
#atmnew .grid-column-2 {grid-template-columns: 1fr 1fr;}
#atmnew .grid-column-2 .product-item.product-item--lg{grid-column:1/3;}
#atmnew .grid-column-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

#atmnew .product-item {
  position: relative;
  overflow: hidden;
}

#atmnew .product-item__image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
}

#atmnew .product-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
}

.icon_badge {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  background: no-repeat center / contain;
  font-size:0;
  text-indent:-9999px;
}
#atmnew .grid-column-2 .icon_badge{top:10px;left:10px;width:40px;height:40px;}

.icon_badge.azacon {background-image: url(../../img/hc/badge-azacon.png);}
.icon_badge.aecock {background-image: url(../../img/hc/badge-aecock.png);}

.icon_badge.hc_basic{background-image:url(../../img/hc/badge-hanacard-cashback.png);}
.icon_badge.hc_dc15{background-image:url(../../img/hc/badge-hanacard-dc-15.png);}
.icon_badge.hc_dc30{background-image:url(../../img/hc/badge-hanacard-dc-30.png);}
.icon_badge.hc_pv30{background-image:url(../../img/hc/badge-hanacard-pv-30.gif);}
.icon_badge.hc_inst_dc{background-image:url(../../img/hc/badge-hanacard-instant-discount.gif);}

#atmnew .product-item--sm .product-item__image .icon_badge{top:5px;left:5px;width:30px;height:30px;}

#atmnew .pc__left-side .product-item__image .time{
  display:block;
  position:absolute;
  bottom:5px;
  left:5px;
  height:20px;
  padding:0 10px;
  right:auto;
  border-radius: 5px;
  background-color: #92D050;
  color:#fff;
  font-size:12px;
  line-height:20px;
  text-align: center;
}


#atmnew .product-item__rank {
  position: absolute;
  bottom: 0;
  left: 0;
}

#atmnew .product-item--lg .product-item__rank{
  top: 0;
  bottom: auto;
}

#atmnew .product-item__rank::before {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #000;
  counter-increment: product-list-rank;
  content: counter(product-list-rank);
}

#atmnew .product-item__like {
  position: absolute;
  margin-top: calc(100% - 10px - 26px);
  top: 0;
  right: 10px;
  width: 26px;
  height: 26px;
}

#atmnew .product-item__info {
  margin-top: 15px;
}

#atmnew .product-item__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.28px;
  color: #1f1d1d;
  overflow: hidden;
  display: -webkit-box;
  height:60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

#atmnew .product-item__price {
  display: inline-block;
  margin-top: 24px;
  font-weight: 500;
  line-height: 21px;
  font-size: 14px;
  letter-spacing: -0.24px;
}

#atmnew .product-item__price b {
  vertical-align: bottom;
  margin-right: 2px;
  font-weight: 700;
  line-height: 21px;
  font-size: 18px;
  letter-spacing: -0.36px;
}

#atmnew .product-item__price.right {
  display: block;
  text-align: right;
}

#atmnew .product-item__pv {
  margin-top: 7.5px;
  padding-top: 6.5px;
  border-top: 1px solid #e6e6e6;
}

#atmnew .product-item__pv__name {
  margin-right: 2px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #2f5ce3;
}

#atmnew .product-item__pv__number {
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.24px;
  color: #2f5ce3;
}

#atmnew .product-item__min-price__row{
  display:none;
}

#atmnew .azapic_list .product-item__min-price__row{
  display:block;
  margin-top: 5px;
  border-top:1px solid #eee;
}

#atmnew .azapic_list .product-item__min-price{
  display:inline-block;
  position:relative;
  padding:9px 7px 0 19px;
  font-size:14px;
  letter-spacing: -0.24px;
}

#atmnew .azapic_list .product-item__min-price:before{
  content:'N';
  display:block;
  position:absolute;
  top:10px;
  left:0;
  width:13px;
  height:13px;
  background:#19CE60;
  color:#fff;
  font-size:10px;
  text-align:center;
  line-height:13px;
  font-weight:bold;
}

#atmnew .product-item__tags {
  margin-top: 23.5px;
  padding-top: 11.5px;
  border-top: 1px solid #e6e6e6;
}

#atmnew .product-item__tag {
  display: inline-block;
  margin-right: 6px;
  padding: 6px 12px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #9a9a9a;
  background-color: #fff;
  border-radius: 9999px;
  border: 1px solid #e6e6e6;
}

#atmnew .product-item__etc {
  margin-top: 23.5px;
  padding-top: 11.5px;
  border-top: 1px solid #e6e6e6;
}

#atmnew .product-item__etc span {
  display: inline-block;
  padding-bottom: 2px;
  line-height: 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.24px;
  color: #2f5ce3;
  border-bottom: 2px solid #3a5edb;
}

#atmnew .product-item--lg {
  /*width: calc(100% - 15px);*/
  /*margin-bottom: 48px;*/
  grid-column: 1/4;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #e6e6e6;
}

#atmnew .product-item--lg .product-item__like {
  margin-top: calc(100% - 11px - 26px);
  right: 11px;
}

#atmnew .product-item--lg .product-item__info {
  margin-top: 16px;
  padding: 0 24px 18px 20px;
}

#atmnew .product-item--lg .product-item__image {
  border-radius: 0;
}

#atmnew .product-item--lg .product-item__image img {
  border: 0;
  border-radius: 0;
}

#atmnew .product-item--lg .product-item__title {
  font-size: 15px;
}

#atmnew .product-item--lg .product-item__price {
  margin-top: 14px;
  line-height: 26px;
  letter-spacing: -0.24px;
}

#atmnew .product-item--lg .product-item__price b {
  line-height: 26px;
  font-size: 18px;
  letter-spacing: -0.36px;
}

#atmnew .product-item--lg .product-item__pv {
  margin-top: 18px;
  border-top: 0;
  margin-left: 8px;
  display: inline-block;
  height: 18px;
  padding: 2px 7px 2px 8px;
  border-radius: 2px;
  background-color: #f5f5f5;
}

#atmnew .product-item--lg .product-item__tags {
  margin-top: 12px;
  padding-top: 0;
  border: 0;
  margin-bottom: 6px;
}

#atmnew .product-item--lg .product-item__etc {
  margin-top: 14px;
  padding-top: 0;
  border: 0;
  margin-bottom: 11px;
}

#atmnew .product-item--sm {
  /*width: calc(33.33% - 15px);*/
}

#atmnew .product-item--sm .product-item__like {
  margin-top: calc(100% - 4px - 26px);
  right: 4px;
}

#atmnew .product-item--sm .product-item__title {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#atmnew .product-item--sm .product-item__price {
  margin-top: 14px;
  line-height: 16px;
  font-size: 14px;
  letter-spacing: -0.21px;
}

#atmnew .product-item--sm .product-item__price b {
  line-height: 16px;
  font-size: 14px;
  letter-spacing: -0.28px;
}

#atmnew .product-item--sm .product-item__pv {
  margin-top: 6.5px;
  padding-top: 5.5px;
  border-top: 1px solid #e6e6e6;
}

#atmnew .product-item--sm .product-item__tags {
  margin-top: 15.5px;
}

/*메인비주얼 와이드형*/
#atmnew .wide .card-item {
  width: 100%;
  height: calc(100vw * 0.555);
  min-height:200px;
  max-height:444px;
  background-color: #e8e8e8;
  overflow: hidden;
}
#atmnew .wide .card-item__image {
  width: 100%;
  height: 100%;
}
#atmnew .wide .card-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

/*메인비주얼 카드형*/
#atmnew .card .card-item {
  position: relative;
  width: 150px;
  height: 200px;
  border-radius: 10px;
  background-color: #e8e8e8;
  overflow: hidden;
}

#atmnew .card .card-item__image {
  width: 100%;
  height: 100%;
}

#atmnew .card .card-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#atmnew .card .swiper-button-prev, .swiper-button-prev,
#atmnew .card .swiper-button-prev, .swiper-button-next {
 color: #222;
}

#atmnew .card .swiper-button-prev.swiper-button-disabled,
#atmnew .card .swiper-button-next.swiper-button-disabled {
  cursor: pointer;
  pointer-events: auto;
}

#atmnew .card .card-item__logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background-color: #fff;
  overflow: hidden;
}

#atmnew .card .card-item__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#atmnew .card .card-item__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#atmnew .card .card-item__txt__tit {
  line-height: 18px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.3px;
}

#atmnew .card .card-item__txt__desc {
  margin-top: 2px;
  line-height: 13px;
  font-size: 11px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.22px;
}

#atmnew .card .card-item__txt__period {
  margin-top: 12px;
  display: inline-block;
  padding: 0 9px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.22px;
  border-radius: 10px;
  background-color: #4e4e4e;
}

#atmnew .special .card-item {
  position: relative;
  width: 150px;
  height: 270px;
  border-radius: 10px;
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}

#atmnew .special .card-item__image {
  width: 100%;
  height: 100%;
}

#atmnew .special .card-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#atmnew .special .card-item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 175px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(4, 4, 1, 0.4)), to(rgba(4, 4, 1, 0)));
  background-image: linear-gradient(to top, rgba(4, 4, 1, 0.4) 20%, rgba(4, 4, 1, 0));
}

#atmnew .special .card-item__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 13px 16px;
}

#atmnew .special .card-item__txt__period {
  line-height: 13px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.22px;
}

#atmnew .live-show .card-item {
  position: relative;
  width: 100%;
  padding-top: 166.666%;
  border-radius: 6px;
  background-color: #e8e8e8;
  overflow: hidden;
}

#atmnew .live-show .card-item__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#atmnew .live-show .card-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#atmnew .live-show .card-item__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(27%, rgba(168, 168, 168, 0)), color-stop(94%, #000));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(168, 168, 168, 0) 27%, #000 94%);
}

#atmnew .live-show .card-item__txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 5px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#atmnew .live-show .card-item__txt__tit {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.28px;
}

#atmnew .live-show .card-item__txt__tag {
  margin-top: 8px;
  display: inline-block;
  padding: 4px 10px;
  line-height: 11px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.22px;
  border-radius: 9999px;
  border: 1px solid #fff;
}

#atmnew .live-show .card-item__txt__time {
  margin-top: 8px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 500;
  color: #FFD800;
}

#atmnew .live-show .card-item.lg {
  border-radius: 10px 10px 0 0;
}

#atmnew .live-show .card-item.lg .card-item__img::after {
  height: 132px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

#atmnew .live-show .card-item.lg .card-item__txt {
  display: block;
  padding: 0 10px 30px 20px;
}

#atmnew .live-show .card-item.lg .card-item__txt__tit {
  display: block;
  line-height: 23px;
  font-size: 18px;
  letter-spacing: -0.36px;
}

#atmnew .live-show .card-item.lg .card-item__txt__time {
  margin-left: 8px;
  display: inline-block;
  line-height: 22px;
}

#atmnew .card-slide.card {
  margin-top: 24px;
  padding: 0 20px;
}

#atmnew .card-slide.card .swiper-slide {
  margin-right: 10px;
}

#atmnew .card-slide.special {
  margin-top: 24px;
  padding: 0 20px;
}

#atmnew .card-slide.special .swiper-slide {
  margin-right: 10px;
}

#atmnew .card-slide.live-show {
  padding: 0 20px;
}

#atmnew .card-slide.live-show .swiper-slide {
  margin-right: 10px;
}

#atmnew .card-slide.live-show .card-item {
  width: 162px;
}

#atmnew .card-slide.live-show .card-item.lg {
  width: 335px;
  width: calc(100vw - 40px);
  padding-top: 72.238806%;
}

#atmnew .card-list.live-show {
  margin-bottom: 67px;
  padding: 0 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 25px 10px;
}

#atmnew .card-square.live-show .card-item {
  padding-top: 100%;
  border-radius: 0;
}

#atmnew .card-square.live-show .card-item__txt {
  padding: 0 0 29px 20px;
}

#atmnew .card-square.live-show .card-item__txt__tit {
  line-height: 30px;
  font-size: 22px;
}

#atmnew .card-square.live-show .card-item__txt__time {
  margin-top: 8px;
  color: #fff;
}

#atmnew .article-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 48px 20px 16px;
  line-height: 19px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.32px;
}

#atmnew .article-title__btn {
  display: inline-block;
  padding: 5px 12px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #000;
  background-color: #fff;
  border-radius: 9999px;
  border: 1px solid #e3e3e3;
}

#atmnew .notice-list {
  padding: 0 20px;
}

#atmnew .notice-list > a {
  display: block;
}

#atmnew .notice-list > a + a {
  margin-top: 7px;
}

#atmnew .notice-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 8px 11px 16px;
  border-radius: 6px;
  background-color: #4d4d4d;
}

#atmnew .notice-list li .tag {
  height: 22px;
  margin: 0 8px 0 0;
  padding: 4px 8px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #fff;
  border: 1px solid #7b7b7b;
  border-radius: 9999px;
}

#atmnew .notice-list li .tag--red {
  color: #fd5800;
  border: 1px solid #ff5800;
}

#atmnew .notice-list li p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
  color: #ddd;
}

#atmnew .notice-list li img {
  width: 16px;
  height: 16px;
}

#atmnew .footer {
  padding-bottom: 110px;
}
#atmnew.view .footer{
  padding-bottom:140px;
}

#atmnew .footer__sitemap {
  background-color: #e6e6e6;
}

#atmnew .footer__sitemap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#atmnew .footer__sitemap div + div {
  border-top: 1px solid #ddd;
}

#atmnew .footer__sitemap a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#atmnew .footer__sitemap a + a {
  border-left: 1px solid #ddd;
}

#atmnew .footer__sitemap span {
  display:block;
  padding: 12px 0;
  line-height: 13px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #7b7b7b;
  text-align: center;
}

#atmnew .footer__cs {
  padding: 32px 20px 24px;
}

#atmnew .footer__cs__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#atmnew .footer__cs__call a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#atmnew .footer__cs__call__number {
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.44px;
}

#atmnew .footer__cs__call i {
  display: inline-block;
  margin: 0 5px;
  width: 4px;
  height: 4px;
  background-color: #000;
}

#atmnew .footer__cs__call__desc {
  margin-left: 10px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #bababa;
}

#atmnew .footer__cs__time {
  margin-top: 12px;
}

#atmnew .footer__cs__time li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#atmnew .footer__cs__time li + li {
  margin-top: 8px;
}

#atmnew .footer__cs__time .tag {
  height: 22px;
  margin-right: 8px;
  padding: 4px 8px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #393939;
  border: 1px solid #e6e6e6;
  border-radius: 9999px;
}

#atmnew .footer__cs__time p,
#atmnew .footer__cs__time b {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
}

#atmnew .footer__cs__time p {
  color: #818181;
}

#atmnew .footer__cs__btns {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#atmnew .footer__cs__btns .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: #000;
  border-radius: 10px;
  background-color: #f7f7f7;
}

#atmnew .footer__cs__btns .btn + .btn {
  margin-left: 11px;
}

#atmnew .footer__cs__btns .btn img {
  margin-left: 8px;
  width: 16px;
  height: 16px;
}

#atmnew .footer__cs .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#atmnew .footer__cs .row .footer__copyright {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #bababa;
}

#atmnew .footer__cs .row .footer__sns {
  margin-left: auto;
  margin-right: 50px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  white-space: nowrap;
}

#atmnew .footer__cs .row .footer__sns .sns-item {
  display:inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  border-radius: 9999px;
  vertical-align:middle;
}

#atmnew .footer__cs .row .footer__sns .sns-item img{
  max-width:100%;
}

#atmnew #menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  max-width:800px;
  background-color: #fff;
  z-index: 10000;
  -webkit-transform: translate3d(300%, 0, 0);
          transform: translate3d(300%, 0, 0);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

#atmnew #menu.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#atmnew #menu .header--menu {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #234ac9;
}

#atmnew #menu .header--menu .nav {
  border-radius: 0;
  border-bottom: 0;
  padding-bottom: 0;
  background-color: transparent;
}

#atmnew #menu .header--menu .gnb {
  height: 36px;
  padding: 0 20px;
}

#atmnew #menu .header--menu .gnb__logo {
  margin-right: 0;
}

#atmnew #menu .header--menu .gnb__btn-twin {
  margin: 0 auto;
  font-size: 0;
}

#atmnew #menu .header--menu .gnb__btn-twin__btn {
  width: 103px;
  height: 36px;
  border: solid 1px #3358d0;
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
  text-align: center;
  color: #fff;
}

#atmnew #menu .header--menu .gnb__btn-twin__btn:first-child {
  border-radius: 10px 0 0 10px;
}

#atmnew #menu .header--menu .gnb__btn-twin__btn:last-child {
  border-radius: 0 10px 10px 0;
  border-left: 0;
}

#atmnew #menu .header--menu .gnb__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
}

#atmnew #menu .header--menu .gnb__user__name {
  width:100px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.4px;
}

#atmnew #menu .header--menu .gnb__user__id {
  margin-top: 1px;
  margin-left: 9px;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #7495ff;
  letter-spacing: -0.26px;
}

#atmnew #menu .header--menu .gnb__user::after {
  content: "";
  margin-top: 1px;
  margin-left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../img/hc/ic-arrow-1-right-white.svg) right/16px 16px no-repeat;
}

#atmnew #menu .header--menu .gnb__logout {
  display: inline-block;
  margin-left: 8px;
  padding: 5px 14px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.22px;
  color: #fff;
  background-color: #2040a7;
  border-radius: 12px;
}

#atmnew #menu .header--menu .gnb__close {
  margin-left: auto;
}

#atmnew #menu > section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#atmnew #menu .menu-wrap {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

#atmnew #menu .menu-wrap:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#atmnew #menu .top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  padding: 16px 17.5px;
  border-bottom: 1px solid #f0f0f0;
}

#atmnew #menu .top-menu__item {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 18px;
  background-color: rgba(240, 240, 240, 0.43);
  padding: 10px 0 6px;
}

#atmnew #menu .top-menu__item img {
  width: 27px;
  height: 28px;
  margin: 0 auto;
}

#atmnew #menu .top-menu__item p {
  margin-top: 3px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.22px;
  text-align: center;
  color: #000;
}

#atmnew #menu .top-menu__item i {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background-color: #222;
  line-height: 16px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 9999px;
}

#atmnew #menu .side-menu {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 96px;
  padding: 24px 0;
  overflow: auto;
  text-align:center;
}

#atmnew #menu .side-menu::-webkit-scrollbar{width:7px;}
#atmnew #menu .side-menu::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
#atmnew #menu .side-menu::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
#atmnew #menu .side-menu::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

#atmnew #menu .side-menu__item {
  display:inline-block;
  margin-bottom: 10px;
  text-align:center;
}

#atmnew #menu .side-menu__item img {
  width: 56px;
  height: 56px;
  border-radius: 10px;
}

#atmnew #menu .side-menu__item p {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.22px;
  text-align: center;
  color: #7b7b7b;
}

#atmnew #menu .category-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px 20px;
  background-color: #f7f7f7;
  overflow: auto;
}

#atmnew #menu .category-menu::-webkit-scrollbar{width:7px;}
#atmnew #menu .category-menu::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
#atmnew #menu .category-menu::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
#atmnew #menu .category-menu::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

#atmnew #menu .category-menu__banner {
  margin-bottom: 16px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

#atmnew #menu .category-menu .category {
  padding: 7px 0 8px;
  border-radius: 10px;
  border: 1px solid #ededed;
  background-color: #fff;
}

#atmnew #menu .category-menu .category__depth1 {
  border-bottom: 1px solid #ededed;
}

#atmnew #menu .category-menu .category__depth1:last-child {
  border-bottom: 0;
}

#atmnew #menu .category-menu .category__depth1__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  cursor: pointer;
}

#atmnew #menu .category-menu .category__depth1__tit span {
  display: inline-block;
  line-height: 17px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.26px;
  color: #000;
}

#atmnew #menu .category-menu .category__depth1.active .category__depth1__tit span{
  color:#234ac9;
}

#atmnew #menu .category-menu .category__depth1 .icon-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../img/hc/btn-category-open@2x.png) center/contain no-repeat;
}

#atmnew #menu .category-menu .category__depth1.active .icon-arrow {
  background-image: url(../../img/hc/btn-category-close@2x.png);
}

#atmnew #menu .category-menu .category__depth2 {
  display: none;
}

#atmnew #menu .category-menu .category__depth2 ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding: 7px 0;
  background-color: #f4f4f4;
}

#atmnew #menu .category-menu .category__depth2 li {
  border-bottom: 1px solid #ededed;
}

#atmnew #menu .category-menu .category__depth2 li:nth-child(odd) {

}

#atmnew #menu .category-menu .category__depth2 li:last-child, #atmnew #menu .category-menu .category__depth2 li:nth-child(odd):nth-last-child(2) {
  border-bottom: 0;
}

#atmnew #menu .category-menu .category__depth2 li a{
  display:block;
  padding: 12px 9px 12px 15px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.22px;
  text-align: left;
  color: #5c5c5c;
  word-break: keep-all;
}

#atmnew #menu .category-menu .product-list {
  display:block;
  margin:0;
  padding: 0;
  font-size:0;
}

#atmnew #menu .category-menu .product-list__tit {
  margin: 32px 0 20px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.28px;
}

#atmnew #menu .category-menu .product-list .swiper-container {
  margin: 0 -20px;
  padding: 0 20px;
}

#atmnew #menu .category-menu .product-list .product-item--sm {
  display:inline-block;
  width: 102px;
  margin:0 15px 0 0;
  vertical-align: top;
}

#atmnew #menu .category-menu .product-list .product-item--sm .product-item__title {
  padding-right: 8px;
  color: #000;
}

#atmnew .floating-back-btn {
  position: fixed;
  left: 24px;
  bottom: 247px;
  width: 40px;
  height: 40px;
  z-index: 2000;
}

#atmnew .floating-back-btn img {
  position: relative;
  top: -3px;
  left: -6px;
  width: 52px;
  height: 52px;
}

#atmnew .mt-8 {
  margin-top: 8px;
}

#atmnew .mt-20 {
  margin-top: 20px;
}

#atmnew .mt-24 {
  margin-top: 24px;
}

#atmnew .mt-40 {
  margin-top: 40px;
}

#atmnew .mb-16 {
  margin-bottom: 16px;
}

#atmnew .mb-32 {
  margin-bottom: 32px;
}

/*
 * 헤더 검색input 영역
 * override /m/theme/rn221/css/layout.css
*/
#search_keyword_wrap {
  top: 62px !important;
  z-index: 10000 !important;
}

.index #search_keyword_wrap{
  top: 62px !important;
}

#hd_sch + #sch_close {
  margin-right: 3px !important;
}

#hd_sch.sch_focus + #sch_close {
  margin-left: 8px !important;
  background-size: contain !important;
}

/*
 * 상품상세 상단sticky 탭
 * override contents.css?ver=20221026
*/
.sp_wrap .sp_tab {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 4000 !important;
}

.sp_wrap .sp_tab + div {
  margin-top: 10px !important;
}

/* 기획전_new > 상세 */
.custom_search_wrap.exhibit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top:15px;
}

.custom_search_wrap.exhibit * {
  margin-left: 4px;
}

.custom_search_wrap.exhibit *:first-child {
  margin-left: 0;
}

.custom_search_wrap.exhibit select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.exhibit_title .btn_share{
  border-color:#2f5ce3;
  background:#2f5ce3;
}

/* 상품평 : 상품상세 - 사진상품평 전체 리스트 */
.review_picture_all_wrap .inner .rv_pic_list .rv_pic_list_item.on:before {
  border: 5px solid #2f5ce3;
  background: rgba(47, 92, 227, 0.3);
}

/* 아라쇼 : 인트로 - 영상시청 버튼 */
.live_btn_wrap{display:flex}
.live_btn_wrap .btn_live_share{display:block;-webkit-box-flex:1;flex:1;height:40px;font-size:16px;}
.live_btn_wrap .btn_live_share i{display:inline-block;margin-left:10px;vertical-align:middle;}
.live_btn_wrap .btn_live_watching{display:block;-webkit-box-flex:1;flex:1;height:40px;font-size:16px;line-height:40px;text-align:center;}

/* 아라쇼 : 방송화면 - 상품정보 레이어 */
#atmnew.aza_live{padding-bottom:69px;}
#atmnew.aza_live .tabbar,
#atmnew.aza_live .footer{display:none;}

/* azapp 비회원*/
#atmnew.aza_guest .tabbar {display: none;}
#atmnew.aza_guest .footer {padding-bottom: 0px;}


/* 배너 공통스타일 */
.banner-wrap img{max-width:100%;}
.banner-wrap2 img{width:100%;}

/* gnb 메뉴 슬라이드 */
.gnb_menu{overflow:hidden;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;user-select:none;margin-top:15px;padding:0 10px 0 5px;background-color:#fff;text-align:center;}
.gnb_menu .gnb_inner{display:inline-flex;align-items:center;white-space:nowrap;height:45px;}
.gnb_menu .gnb_menu_item {}
.gnb_menu .gnb_menu_link {display:block;position:relative;height:45px;font-size:16px;padding:0 10px;line-height:45px;text-decoration:none;text-align:center;-webkit-user-drag:none;}
.gnb_menu .gnb_menu_link.has_subt{height:46px;line-height:1.3;}
.gnb_menu .gnb_menu_link.onlink:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#234ac9;}
.gnb_menu .gnb_menu_subtitle{display:inline-block;color:#234ac9;font-size:14px;}
.gnb_menu .gnb_menu_title{display:block;color:#111;}
.gnb_menu .gnb_menu_link.onlink .gnb_menu_title{color:#1447D1;font-weight:bold;}
.gnb_menu .icon_gnb{display:inline-block;width:70px;height:45px;background:no-repeat center center / 100% auto;}
.gnb_menu .icon_gnb.azapick{background-image:url(/m/theme/rn221/img/layout/gnb_icon_azapick.svg);}
.gnb_menu .icon_gnb.afternoon{background-image:url(/m/theme/rn221/img/layout/gnb_icon_afternoon.svg);width:53px;}
.gnb_menu .icon_gnb.jipalja{background-image:url(/m/theme/rn221/img/layout/gnb_icon_jipalja.svg);}

  /* 모아보기 슬라이드 */
.all_view_service{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;right:0;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;  -ms-flex-direction:column;flex-direction:column;width:100%;height:100%;max-width:800px;background-color:#fff;z-index:10000;-webkit-transform:translate3d(0, 300%, 0);      transform:translate3d(0, 300%, 0);-webkit-transition:-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);}
.all_view_service.open{-webkit-transform:translate3d(0, 0, 0);      transform:translate3d(0, 0, 0);}
.all_view_service .inner{overflow-y:scroll;height:100%;margin:30px 0 100px;padding:0 15px;}
.all_view_service .btn_close_avs{position:absolute;bottom:30px;left:15px;width:calc(100% - 30px);height:50px;border:1px solid #2f5ce3;border-radius:5px;background:#2f5ce3;color:#fff;font-size:16px;}
.all_view_service .view_service{margin-top:20px;}
.all_view_service .list_title{display:block;margin:0 0 10px;font-size:16px;}
.all_view_service .view_list{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;}
.all_view_service .list_item{display:block;height:45px;border:1px solid #e6e6e6;border-radius:5px;color:#222;font-size:16px;}
.all_view_service a.list_item{display:flex;justify-content:center;align-items:center;text-align:center;}


@media (min-width:700px){
  .gnb_menu .gnb_menu_link{font-size:18px;}

  #atmnew .box-list{grid-template-columns:1fr 1fr 1fr 1fr;}
  #atmnew .product-list{grid-gap:20px;}
  #atmnew .product-item--lg{grid-column:auto;}
  #atmnew .grid-column-2{grid-template-columns:1fr 1fr 1fr;}
  #atmnew .grid-column-2 .product-item.product-item--lg{grid-column:auto;}
  #atmnew .list-top .product-item{display:block;margin:0 auto 40px;}
  #atmnew .card-list.live-show{grid-template-columns:1fr 1fr 1fr;}
  #atmnew .card-square.live-show .card-item{padding-top:50%;}
  #atmnew .live-show .card-item__txt__tit{font-size:17px;}

  .icon_badge.aecock{
    top:10px;
    left:10px;
    width:40px;
    height:40px;
  }
  #atmnew .product-item--sm .product-item__image .icon_badge{
    top:10px;
    left:10px;
    width:40px;
    height:40px;
  }

  #atmnew .main_slide_prod_list .product-item__tag{padding:12px 24px;font-size:18px;}

  .all_view_service .inner{margin-top:80px;overflow-y:hidden;}
  .all_view_service .view_list{grid-template-columns:1fr 1fr 1fr 1fr;}

  #atmnew .footer__cs .row .footer__sns{margin-right:65px;}
}


/*# sourceMappingURL=common.css.map */