.container.main {
  padding-bottom: 85px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.main .main-visual-wrap {
  position: relative;
  width: 100%;
  overflow: hidden
}

.container.main .main-visual-wrap .main-visual .slide-items ul li {
  height: 525px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.main .main-visual-wrap .main-visual .slide-items ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1140px;
  height: 525px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
  z-index: 2
}

.container.main .main-visual-wrap .main-visual .slide-items ul li img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.container.main .main-visual-wrap .main-visual .slide-btn {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 458px;
  width: 1140px;
  height: 42px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.main .main-visual-wrap .main-visual .slide-btn ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-left: 200px;
  gap: 2px;
}

.container.main .main-visual-wrap .main-visual .slide-btn ul li {
  display: inline-block;
  vertical-align: top;
  flex-grow: 1;
  flex-shrink: 0;
}

.container.main .main-visual-wrap .main-visual .slide-btn ul li a {
  display: block;
  width: 100%;
  min-width: 150px;
  height: 42px;
  margin: 0 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  color: #333;
  line-height: 42px;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-align: center;
  background: #fff;
  border-bottom: 4px solid #fff
}

.container.main .main-visual-wrap .main-visual .slide-btn ul li a.active {
  line-height: 38px;
  border-bottom: 4px solid #64C3C3;
}

.container.main .main-visual-wrap .lnb {
  position: absolute;
  top: 0;
  left: 50%;
  width: 188px;
  margin-left: -570px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 3
}

.container.main .main-visual-wrap .lnb>ul {
  position: relative
}

/* .container.main .main-visual-wrap .lnb>ul>li:nth-child(3)>a,
.container.main .main-visual-wrap .lnb>ul>li:nth-child(4)>a,
.container.main .main-visual-wrap .lnb>ul>li:nth-child(5)>a,
.container.main .main-visual-wrap .lnb>ul>li:nth-child(6)>a,
.container.main .main-visual-wrap .lnb>ul>li:nth-child(7)>a {
  height: 53px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
} */

.container.main .main-visual-wrap .lnb>ul>li:hover>a {
  background: rgba(0, 0, 0, 0.6) url("/CImages/MALL/main/arrow_lnb.png") no-repeat;
  background-position: right 18px center
}

.container.main .main-visual-wrap .lnb>ul>li:hover .depth-2 {
  display: block
}

.container.main .main-visual-wrap .lnb>ul>li>a {
  display: block;
  width: 188px;
  height: 47.5px;
  padding-left: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  line-height: 47px;
  background: rgba(0, 0, 0, 0.45) url("/CImages/MALL/main/arrow_lnb.png") no-repeat;
  background-position: right 18px center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

.container.main .main-visual-wrap .lnb>ul>li>a.event {
  font-size: 17px;
  background: url("/CImages/MALL/main/bg_lnb_event.png") no-repeat;
  border-bottom: 0
}

.container.main .main-visual-wrap .lnb>ul>li>a.story {
  height: 49px;
  font-size: 17px;
  line-height: 48px;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("/CImages/MALL/main/bg_lnb_story.png");
  background-repeat: no-repeat;
  background-position: right 15px center;
  border-bottom: 0;
}

.container.main .main-visual-wrap .lnb>ul>li .depth-2 {
  display: none;
  position: absolute;
  top: 0;
  left: 187px;
  height: 476px;
  padding: 16px 25px 0 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  border: 1px solid #a1a1a1;
  white-space: nowrap;
  overflow: hidden
}

.container.main .main-visual-wrap .lnb>ul>li .depth-2>ul {
  display: inline-block;
  width: 135px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top
}

.container.main .main-visual-wrap .lnb>ul>li .depth-2>ul>li {
  padding: 6px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.main .main-visual-wrap .lnb>ul>li .depth-2>ul>li a {
  font-size: 15px;
  color: #454545;
  line-height: 1
}

.container.main .main-visual-wrap .lnb>ul>li .depth-2>ul>li a:hover {
  font-weight: 500;
  text-decoration: underline
}

.container.main .main-visual-wrap .slick-arrow {
  display: none !important;
  width: 46px;
  height: 84px;
  background-color: rgba(0,0,0,0.4);
  background-size: 22px;
  background-repeat: no-repeat;
  z-index: 2;
}

.container.main .main-visual-wrap .slick-prev {
  left: 0;
  background-image: url("/cimages/mall/main/arrow_main_visual_left.png");
  background-position: 8px center;
}

.container.main .main-visual-wrap .slick-next {
  right: 0;
  background-image: url("/cimages/mall/main/arrow_main_visual_right.png");
  background-position: 13px center;
}

.container.main .main-visual-wrap:hover .slick-arrow {
  display: block !important;
}

.container.main .main-visual-wrap:hover .slick-arrow:hover {
  background-color: rgba(0,0,0,0.6);
}

.container.main .product-wrap {
  margin-top: 59px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.container.main .product-wrap.new .inner-wrap .product-more a {
  background-position: 259px center
}

.container.main .product-wrap.new .inner-wrap .product-more a:hover {
  background: #f6f6f6 url("/CImages/MALL/main/arrow_product_more.png") no-repeat 259px center
}

.container.main .product-wrap.hot .inner-wrap .product-more a {
  background-position: 266px center
}

.container.main .product-wrap.hot .inner-wrap .product-more a:hover {
  background: #f6f6f6 url("/CImages/MALL/main/arrow_product_more.png") no-repeat 266px center
}

.container.main .product-wrap .inner-wrap .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 33px;
}

.container.main .product-wrap .inner-wrap .title .more {
  padding: 5px 24px 5px 12px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #F0F0F0;
  background-image: url(/cimages/mall/main/arrow_more.png);
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.container.main .product-wrap .inner-wrap h1 {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  line-height: 1.2;
  letter-spacing: -.2px;
  background: #fff
}

.container.main .product-wrap .inner-wrap h1 span {
  display: inline-block;
  margin-bottom: -6px;
  margin-right: 9px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "NanumSquareRound";
  font-size: 32px;
  font-weight: 800;
  color: #222;
  letter-spacing: 0;
  vertical-align: bottom
}

.container.main .product-wrap .inner-wrap .product-more a {
  display: block;
  width: 418px;
  height: 53px;
  padding-right: 8px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  color: #222;
  line-height: 51px;
  -webkit-transition: all .1s;
  transition: all .1s;
  text-align: center;
  background: url("/CImages/MALL/main/arrow_product_more.png") no-repeat;
  border: 1px solid #383838
}

.container.main .skyscraper {
  position: absolute;
  top: 802px;
  left: 50%
}

.container.main .skyscraper.fixed {
  position: fixed;
  top: 138px
}

.layer-popup {
  position: fixed;
  bottom: 10px;
  right: 0;
  width: 400px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  z-index: 10
}

.layer-popup.main-1 {
  right: 10px
}

.layer-popup.main-2 {
  right: 415px
}

.layer-popup .wrap {
  position: relative;
  height: 29px;
  padding-left: 13px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Dotum";
  font-size: 11px;
  color: #fff;
  line-height: 1;
  background: #000
}

.layer-popup .wrap input[type="checkbox"]+label {
  cursor: pointer
}

.layer-popup .wrap a {
  position: absolute;
  top: 10px;
  right: 12px;
  color: #fff
}

@media (max-width: 1140px) {
  .container.main .main-visual-wrap .lnb {
    margin-left: -50%
  }
}