body{overflow-x:hidden;}

#atmnew {
  width: 100%;
  height: 100%;
  background-color: #2e2e2e;
}

#atmnew .pc__usemo__popup{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;}
#atmnew .pc__usemo__popup:before{content:'';display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);}
#atmnew .pc__usemo__popup .pc__usemo__popup__wrap{position:absolute;top:0;bottom:0;left:0;right:0;width:500px;height:240px;margin:auto;text-align:center;font-size:0;}
#atmnew .pc__usemo__popup .pc__popup__title{display:inline-block;}
#atmnew .pc__usemo__popup .pc__popup__title .pc__popup__title__bkline{display:block;color:#fff;font-size:42px;}
#atmnew .pc__usemo__popup .pc__popup__btn__lnk{display:block;width:440px;height:80px;margin:15px auto 0;background:#234ac9;border-radius:5px;color:#fff;font-size:28px;font-weight:400;letter-spacing:-1px;line-height:80px;}
#atmnew .pc__usemo__popup .pc__popup__btn__lnk:after{content:'>';display:inline-block;margin-left:5px;font-size:32px;}
#atmnew .pc__usemo__popup .pc__popup__btn__close{display:block;width:480px;margin:15px auto 0;color:#fff;font-size:20px;text-decoration:underline;}

#atmnew .pc__nav {
  display:inline-block;
  position:relative;
  width: calc(100% - 528px);
  height: 80px;
  padding: 0 264px 0 145px;
  background-color: #222;
  vertical-align:middle;
}

#atmnew .pc__nav:before{
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle;
}

#atmnew .pc__nav .h1 {
  display: inline-block;
  position:absolute;
  top:50%;
  left:61px;
  width: 84px;
  height: 42px;
  transform:translateY(-50%);
}

#atmnew .pc__nav__menu {
  display:inline-block;
  width:600px;
  margin-left:50px;
  vertical-align:middle;
}

#atmnew .pc__nav__menu li {
  display:inline-block;
  margin-left: 60px;
  vertical-align:middle;
}

#atmnew .pc__nav__menu li:first-of-type {
  margin-left: 0;
}

#atmnew .pc__nav__menu a {
  display: block;
  font-size: 0;
  white-space: nowrap;
}

#atmnew .pc__nav__menu a img {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
}

#atmnew .pc__nav__menu a img.on {
  display: none;
}

#atmnew .pc__nav__menu a span {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

#atmnew .pc__nav__menu a.on img {
  display: none;
}

#atmnew .pc__nav__menu a.on img.on {
  display: inline-block;
}

#atmnew .pc__nav__menu a.on span {
  color: #fc056c;
}

#atmnew .pc__nav__btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:absolute;
  top:50%;
  right:20px;
  width: 415px;
  transform:translateY(-50%);
}

#atmnew .pc__nav__btn {
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 14px;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #aaa;
  border-radius: 5px;
  border: solid 1px #484848;
}

#atmnew .pc__nav__btn:first-child {
  margin-left: 0;
}

#atmnew .pc__main {
  height: calc(100% - 80px);
}

#atmnew .pc__left-side {
  float: left;
  width: calc(100% - 528px);
  height: calc(100% - 60px);
  background-color: #2e2e2e;
}

#atmnew .pc__right-side {
  position:absolute;
  top:0;
  right:0;
  width: 528px;
  height: 100%;
  background-color: #fff;
}

#atmnew .pc__right-side iframe {
  display: block;
  width: 100%;
  height: 100%;
}

#atmnew .pc__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 32px 69px 0 0;
}

#atmnew .pc__contents__top-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 32px 60px;
  min-height: 151px;
  border-radius: 10px;
  overflow: hidden;
}

#atmnew .pc__contents__top-banner__logo-wrap {
  width: 416px;
  padding: 0 30px;
  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 .pc__contents__top-banner__logo-wrap img{
  max-width:173px;
}

#atmnew .pc__contents__top-banner__txt-wrap {
  width: calc(100% - 416px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 26px 16px 11px 24px;
  word-break: keep-all;
}

#atmnew .pc__contents__top-banner__txt-1 {
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
}

#atmnew .pc__contents__top-banner__txt-2 {
  margin-top: 10px;
  margin-bottom: 11px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 500;
}

#atmnew .pc__contents__top-banner__tags {
  margin-top: auto;
  text-align: right;
}

#atmnew .pc__contents__top-banner__tag {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  padding: 8px 17px;
  border-radius: 15px;
  background-color: #212121;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  color: #fff;
}

#atmnew .pc__contents__top-banner__time {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

#atmnew .pc__contents__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}

#atmnew .pc__contents__content > *:first-child {
  padding-left: 60px;
}

#atmnew .pc__contents__content.scroll-gradient {
  position: relative;
}

#atmnew .pc__contents__content.scroll-gradient::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 56px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 46, 46, 0)), to(#2e2e2e));
  background-image: linear-gradient(to bottom, rgba(46, 46, 46, 0), #2e2e2e);
  z-index: 2;
}

#atmnew .pc__contents__content .product-list-wrap + .product-list-wrap {
  margin-top: 32px;
}

#atmnew .pc__contents__content .product-list-wrap:last-child .swiper-container {
  margin-bottom: 60px;
}

#atmnew .pc__contents__content .product-list-tit {
  line-height: 37px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
}

#atmnew .pc__contents__content .swiper-container {
  width: calc(100% - 32px);
  margin: 0;
}

#atmnew .pc__contents__content .swiper-slide {
  width: 160px;
  margin-right: 32px;
}

#atmnew .pc__contents__content .swiper-slide .product-item {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

#atmnew .pc__contents__content .product-list {
  position: relative;
  padding: 0;
  margin-top: 24px;
}

#atmnew .pc__contents__content .product-item {
  width: 160px;
  margin-left: 0;
  margin-right: 32px;
  margin-bottom: 64px;
}

#atmnew .pc__contents__content .product-item .product-item__info {
  margin-top: 16px;
}

#atmnew .pc__contents__content .product-item .product-item__title {
  color: #aaa;
  -webkit-line-clamp: 3;
}

#atmnew .pc__contents__content .product-item .product-item__price {
  color: #fff;
}

#atmnew .pc__contents__content .product-item .product-item__pv {
  border-color: #404040;
}

#atmnew .pc__contents__content .product-item .product-item__min-price__row{
  border:none;
}

#atmnew .pc__contents__content .product-item .product-item__min-price{
  padding:7px 7px 7px 19px;
  color:#fff;
  word-break:keep-all;
}

#atmnew .pc__contents__content .product-item .product-item__min-price:before{
  top:8px;
}

#atmnew .pc__contents__content .product-item .product-item__tags {
  border-color: #404040;
}

#atmnew .pc__contents__content .product-item .product-item__tag {
  border-color: #414141;
  background-color: #414141;
}

#atmnew .pc__contents__content .swiper-button-prev,
#atmnew .pc__contents__content .swiper-button-next {
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 9999px;
  overflow: hidden;
}

#atmnew .pc__contents__content .swiper-button-prev.swiper-button-disabled,
#atmnew .pc__contents__content .swiper-button-next.swiper-button-disabled {
  display: none;
}

#atmnew .pc__contents__content .swiper-button-prev:after,
#atmnew .pc__contents__content .swiper-button-next:after {
  content: none;
}

#atmnew .pc__contents__content .swiper-button-prev {
  left: -20px;
}

#atmnew .pc__contents__content .swiper-button-next {
  right: 0;
}

#atmnew .pc__contents__content__col {
  width: 100%;
  overflow-y: auto;
}
#atmnew .pc__contents__content__col::-webkit-scrollbar{width:7px;}
#atmnew .pc__contents__content__col::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
#atmnew .pc__contents__content__col::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
#atmnew .pc__contents__content__col::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

#atmnew .pc__contents__content__col--md {
  margin-right: 32px;
  padding-bottom: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto;
}

#atmnew .pc__contents__content__col--lg {
  flex: none;
  width: calc(100% - 416px - 32px);
  padding: 0 54px 0 32px;
}

#atmnew .pc__contents__content__col--lg .swiper-container {
  width: calc(100% - 24px);
}

#atmnew .pc__contents__content__col--lg .swiper-slide {
  margin-right: 24px;
}

#atmnew .pc__contents__content__col--lg .product-item {
  margin-right: 24px;
}

#atmnew .pc__live-banner {
  position: relative;
  width: 416px;
  height: 100%;
  border-radius: 10px;
  border: solid 1px #707070;
  background-color: #fff;
  overflow: hidden;
  isolation: isolate;
}

#atmnew .pc__live-banner__tag {
  position: absolute;
  top: 8px;
  right: 15px;
  display: inline-block;
  padding: 4px 11.1px 3.7px 13.6px;
  border-radius: 13.3px;
  background-color: #1a1ae5;
  line-height: 19px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

#atmnew .pc__live-banner img, #atmnew .pc__live-banner video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#atmnew .pc__footer {
  clear: both;
  height: 60px;
  padding: 18px 69px 0 0;
  border-top: 1px solid #363636;
  text-align: right;
  background-color: #2e2e2e;
}

#atmnew .pc__footer .copyright {
  display: inline-block;
  line-height: 24px;
  font-size: 13px;
  color: #656565;
  vertical-align:top;
}

#atmnew .pc__footer .sns {
  margin-left: 18px;
  display: inline-block;
}

#atmnew .pc__footer .sns .sns-item {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 6px;
}

@media (max-width:1759px){
  #atmnew .pc__nav{height:125px;padding:75px 0 0;text-align:center;}
  #atmnew .pc__nav .h1{top:15px;left:25px;transform:none;}
  #atmnew .pc__nav__menu{margin:0;vertical-align:top;}
  #atmnew .pc__nav__btn-area{top:15px;transform:none;}

  #atmnew .pc__contents__top-banner__logo-wrap{width:40%;}
  #atmnew .pc__contents__top-banner__txt-wrap{width:60%;}
}

/*# sourceMappingURL=pc-home.css.map */