@charset "utf-8";
/*폰트*/
body,html{scroll-behavior: smooth; font-family: 'Gmarket Sans' !important;}
html{ 
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: 100%;
}
body,html{
  scroll-behavior: smooth;
  font-family: 'Gmarket Sans', sans-serif, "Noto Sans KR"!important;
  font-size: clamp(12px, 2vw, 18px) !important;
}

@font-face {
  font-family: 'Gmarket Sans';
  src:url('../fonts/GmarketSansTTFLight.woff2') format('woff2'),
      url('../fonts/GmarketSansTTFLight.woff') format('woff'),
      url('../fonts/GmarketSansTTFLight.ttf') format('truetype');
}
section h2{margin:0 auto !important; position: relative; margin-top:30px; font-weight: bold; font-size: 32px !important; }
.main_wrapper{height:1400px;}
/*섹션1: 메인슬라이드 서식*/
#sec1{padding-top:0px;}
#sec1 img{width:100%; height:530px; cursor: pointer;}
.swiper-slide1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  background: #007aff;
  color: #fff;
}
.swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.603) !important; color:black !important;}
.swiper-button-prev:hover{background-color: rgba(255, 255, 255, 0.603) !important; color:black !important;}
.swiper-button-next,
.swiper-button-prev {
  color:white !important; border: 1px solid #ccc; padding:30px;
  text-shadow: 0px 0px 3px #333; position:absolute; top: 374px !important;
}
.iconSwiper{display:none !important;}

/*=====================섹션2: 아이콘 모음 서식=======================*/
#sec2{ position:relative; text-align: center;}
.icons{display:flex; width:1900px; padding-top: 30px;}
#sec2 >ul>li .icon{width:48px; height:48px; margin:0 5px; }
#sec2 > .icons li{margin:0px 10px;}
.icon_name{font-size: 16px; width:93px; text-align: center; font-weight: bold;}
#sec2 .icons{margin:0 auto !important;}

/*=======================섹션3: 라이브커머스====================*/
.sec3_title{width:200px; margin:0 auto; position: relative;}
#sec3{margin:150px 0px; position: relative;}
#sec3 ul{display:flex; margin-top:70px;}
#sec3 ul li{margin:0px 20px; border:1px solid #ccc; border-radius: 20px; position: relative; height:320px; overflow:hidden;}
#sec3 ul li p{text-align: center;}
#sec3 video{width:300px; border-radius: 20px 20px 0px 0px; transition:0.5s; margin-bottom:20px; }
#sec3 .title{font-weight: bold;}
#sec3 video:hover{transform: scale(1.1);}
#sec3 span{top:100px; position: absolute;}
.glive{transform: rotate(20deg); width:100px; position: absolute; left:150px; top:-45px;}
.shop_logo {
  width: 50px !important;
  margin-top: 10px;
  position:absolute;
  right: 10px;
  bottom:20px;
}
.live_title{font-weight: bold; color:rgb(216, 1, 1);}
.slider-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto; width:1500px;
}

.slider-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.slider-track li {
  list-style: none;
  flex: 0 0 auto;
  width: 300px;
  margin-right: 20px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.slider-track li:hover{box-shadow: 0px 0px 3px #333;}
.slider-track video {width: 100%;height: auto;display: block;}
.slider-track .title {font-weight: bold;margin: 10px;}
.slider-track p { margin: 5px 10px;}
.slider-track img.shop_logo { width: 80px; margin: 10px;}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*===========================섹션4: 지금 잘 나가는 상품==========================*/
#hot{position:absolute; width:450px; top:-80px; left:100px;}
#sec4 { position: relative;}
#sec4 h2{color:white; text-align: center; font-weight: bold; font-size: 40px !important;}
.grid-3x3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3열 */
  gap: 20px; /* 그리드 갭 */
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 800px; /* 너비 제한 */
  padding-top:50px;
}

.grid-3x3 li {
  border: 1px solid #ddd;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.grid-3x3 li:hover{box-shadow: 0px 0px 3px #333;}
.grid-3x3 img {  max-width: 100%; margin: 0 auto;}
.grid-3x3 img{transition:0.3s; margin-bottom:20px;}
.grid-3x3 img:hover{transform:scale(1.1);}
#sec4 .textbox p{margin:10px 0px;}
.item_name{width:230px;overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; text-indent: 5px;}


#sec4 .back{width:100%;z-index:-1; background-color: #00C400; position:absolute; top:-100px;}
.more {
  padding: 0.6rem;
  width: 7rem;
  margin: 0 auto;
  display: block;
  margin-top: 2rem;
  border-radius: 1rem;
  background-color: white;
  border:1px solid #ccc;
  text-align: center;
}
.more:hover{background-color: #00C400; color:white;}
.more:hover{text-decoration: none;}
/*===========================섹션5: 24시간 한정 특가============================*/

#sec5{ background-color: #f0f0f0; height:750px; margin-top: 100px; padding: 100px 0px; position: relative;}
#sec5 h2{text-align: center;}
#sec5 h2 img{position:absolute; width:50px; left:450px;}
#sec5 .swiper-slide img{width:100%; transition: 0.5s;}
#sec5 .swiper-slide img:hover{transform: scale(1.1);}
#sec5 .swiper-slide{width:1100px; overflow:hidden;}
.swiper24{ width:60rem;  margin-top:100px; }
#sec5 .swiper-wrapper{width:1000px; height:400px; }
.sec5_textbox{width:500px;position: absolute; right:0px; top:0px; text-align: center; cursor: pointer; }
.sec5_textbox:hover{background-color: #ebebeba6;}
.sec5_textbox:hover p{text-decoration: underline}
.sec5_textbox p{margin:20px 0px; font-size: 20px; font-weight: bold;}
.limited-prev{ color:#333;  left:300px !important; z-index: 10; top:330px !important;  padding:30px; border-radius: 50%; box-shadow: 0px 0px 3px #333;}
.limited-next{color:#333;  right:300px !important; top:330px !important; z-index: 10;  padding:30px; border-radius: 50%; box-shadow: 0px 0px 3px #333;}
.limited-prev:hover{box-shadow: 0px 0px 6px black;}
.limited-next:hover{box-shadow: 0px 0px 6px black;}
.img_frame{width:500px; position:relative; top:0px; text-align: center;}
#banner24{bottom: 0px; position: relative; width:100%; position: absolute; height:150px;}
.sec5_textbox p:last-child{color: red; font-weight: bolder;}

/*===========================섹션6: 쇼핑베스트 서식========================*/

#sec6{position:relative; padding-top: 121px;}
.best_box ul:nth-child(2){display:flex;}
.best_box{border: 1px solid #646464; background-color: white; z-index: -1; width:1280px; margin:0 auto; padding:80px; border-radius: 20px; }
.best_box ul{margin:0 auto;}
#firework{width:150px;}
.best_title{border-bottom:1px solid #ccc; padding:20px 0px; position:relative;}

.best_tab li{display:none;}
.best_title>.tab_title{
  font-size: 30px; 
  font-weight: bold;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}
.tab_title:hover{
  background-color: #333;
  color: #fff;
}
.active{display:block;}
.item_box{border: 1px solid #ccc; margin:20px; height: 350px;}
.best_tab li{text-align: center;}
.best_box p{margin:7px 0px;}
.best_box img{width:200px; margin:20px; transition:0.5s;}
.best_box img:hover{transform:scale(1.1);}
.coupon{font-size: 11px; color:red; font-weight: bold;}
.seller{font-size: 14px;}
.sale{color:red; font-size: 14px; font-weight: bold;}
.event1{border:1px solid black; padding:3px; font-size: 11px; background-color: #0084ff; color:white;}
.event2{border:1px solid black; padding:3px; font-size: 11px; background-color: #00ff2a; color:white;}
.event3{border:1px solid black; padding:3px; font-size: 11px; background-color: #ff1100; color:white;}
.price1{font-size: 17px !important;}
.price2{color:red; font-size: 17px; font-weight:bolder;}
#super{width:340px;  position:absolute; left:-450px; top:-48px;}
#sec6 a{ color:#333;}
#sec6 .fa-angle-down{font-size: 30px; position: absolute; right:0px; top:0px; cursor: pointer;}
.tab_title{cursor: pointer;}

/*==========================섹션7: 랜덤배너 서식==========================*/

#sec7{ position: relative;  width:100%; margin-top: 20px;}

.fa-arrow-up{
  font-size: 40px;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 10px 16px;
  position: fixed;
  bottom: 127px;
  right: 42px;
  z-index: 10000;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
  background-color: var(--sub_color4);
}

.ad_btn{display: none;}
#mobile_search_box{display:none;}
.mobile_btns_wrapper{display:none;}

/*===================================태블릿======================================*/
@media screen and (min-width:768px) and (max-width:1024px) {

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 19px!important;
  padding: 5px!important;z-index: 10;padding: 0px !important;
}

section h2{margin:0 auto !important; position: relative; width:18rem; margin-top:2rem; font-weight: bold; font-size: 1.7rem !important; }
/*섹션1: 메인슬라이드 서식*/
#sec1{padding-top:0px;}
#sec1 img{width:100%; height:250px;}
.swiper-slide1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  background: #007aff;
  color: #fff;
}
 .swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.603); color:black;}
.swiper-button-prev:hover{background-color: rgba(255, 255, 255, 0.603); color:black;} 
.swiper-button-next,
.swiper-button-prev {
  color:white !important; border: 1px solid #ccc; 
  text-shadow: 0px 0px 3px #333; position:absolute; top: 327px !important; padding:21px;
}
.swiper-button-prev {left: 50px !important;}
.swiper-button-next {right: 14px !important;}

/*섹션2: 아이콘 모음 서식*/
#sec2{ position:relative;text-align: center;}
.icons{display:flex; width:100%; padding-top:1.5rem; }
#sec2 >ul>li .icon{width:2rem; height:2rem; margin:0; }
#sec2 > .icons li{margin:0px;}
.icon_name{font-size: 0.7rem; width:4.5rem; text-align: center;}

/*섹션3: 라이브커머스*/
.sec3_title{width:12rem; margin:0 auto; position: relative;}
#sec3{ margin:5rem 0px; position: relative; height:400px;}
#sec3 ul{display:flex;}
#sec3 ul li{margin:0px 1.5rem; border:1px solid #ccc; border-radius: 1rem; position: relative; height:15rem; overflow:hidden; width:13rem;}
#sec3 ul li p{text-align: center; font-size: 0.8rem; margin:0.4rem;}
#sec3 video{width:13rem; border-radius: 1rem 1rem 0rem 0rem; margin-bottom:1rem;}
#sec3 .title{font-weight: bold;}
#sec3 span{top:9rem; position: absolute;}
.glive{transform: rotate(20deg); width:7rem; position: absolute; left:9rem; top:-40px;}

.shop_logo {
  width: 2rem !important;
  margin-top: 0.6rem;
  position:absolute;
  right: 0rem;
  bottom:0rem;
}
.live_title{font-weight: bold; color:rgb(216, 1, 1);}
.slider-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto; width:90rem;
}

.slider-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.slider-track li {
  list-style: none;
  flex: 0 0 auto;
  width: 8rem;
  margin-right: 1rem;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.slider-track li:hover{box-shadow: 0px 0px 3px #333;}

.slider-track video {
  width: 100%;
  height: auto;
  display: block;
}

.slider-track .title {
  font-weight: bold;
  margin: 0.5rem;
}

.slider-track p {
  margin: 0.25px 0.5rem;;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*섹션4: 지금 잘 나가는 상품*/
#hot{width:17rem !important; left:0px; top:-95px;}
#sec4>h2{color:white; position: absolute; width:350px; left:350px; top:-34px;}
#sec4{ position: relative;}
.grid-3x3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; 
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 46.6rem; 
  padding-top:50px;
}

.grid-3x3 li {
  border: 1px solid #ddd;
  background-color: white;
  padding: 1rem;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  width:15rem;
}

.grid-3x3 img{transition:0.3s; margin-bottom:1rem; width:16rem;}
.grid-3x3 img:hover{transform:scale(1);}
#sec4 .textbox p{margin:10px 0px; font-size: 1rem;}
.item_name{width:10rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.more{ padding:0.6rem; width:7rem; margin: 0 auto; display:block; margin-top:2rem;}
#sec4 .back{width:100%;  z-index:-1; background-color: #00C400; position:absolute; top:-7rem;}

.item_name {
  width: 100%; /* 모바일에서 이름이 길어질 수 있으니 100%로 확장 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.more {
  padding: 0.6rem;
  width: 7rem; /* 버튼 너비를 100%로 설정 */
  margin: 0 auto;
  display: block;
  margin-top: 2rem;
  border-radius: 1rem;
  background-color: white;
  border:1px solid #ccc;
}
.more:hover{background-color: #00C400;}
.more > a:hover{text-decoration: none;}
.more:hover a{color:white;}

/*섹션5: 24시간 한정 특가*/
#sec5{ background-color: #fdfdfd; position:relative; margin-top: 0px; height:550px;}
#image24{width:1000px !important; position: absolute !important; left:0px !important; top:0px !important; z-index: -1;}
#banner24{bottom: 0px; position:absolute; height:73px;}
#sec5 h2{text-align: center;}
#sec5 .swiper-slide img{width:400px; left:-30px; position: absolute; transition:0.4s; object-fit:cover;}
#sec5 .swiper-slide img:hover{transform: scale(1);}
#sec5 .swiper-slide{width:400px; overflow:hidden;padding-top:50px;}
.limitedSwiper{ width:1150px; top:300px; left:0px; }
#sec5 .swiper-wrapper{width:1000px;}
#icon24{left:250px !important; top:-10px;}
.limitedSwiper{top:100px; width:1200px; margin: 0 auto;}
.sec5_textbox{width:250px; height:200px; position: absolute; left:30rem; top:0px; text-align: center; cursor: pointer; }
.sec5_textbox p{margin:20px 0px; font-size: 1rem;}
.limited-prev{left:3rem;}
.limited-next{right:3rem;}
.img_frame{width:400px; height:200px; border:none; overflow:hidden; position:absolute; top:0px; text-align: center; left:5rem;}

/*섹션6: 쇼핑베스트 서식*/
#sec6{height:740px; position:relative; padding-top: 6rem; border:none;}
#sec6>h2{width:20rem; text-align: center;}
.best_box ul:nth-child(2){display:flex;}
.best_box{border: 1px solid #646464; background-color: white; z-index: -1; width:95%; margin:0 auto; padding:1rem; border-radius: 20px;}
#sec6 .back{background-color: #00C400; height:230px; width:100%; position: absolute; top:0px; z-index: -1;}
.best_box ul{margin:0 auto;}
.best_box ul li:last-child{border:none;}
.tab_title{margin-bottom:10rem;}
.best_title{border-bottom:1px solid #ccc;position:relative;}
.best_tab li{display:none;}
.best_title>.tab_title{font-size: 1.2rem; font-weight: bold;}
.active{display:block;}
.item_box{margin:0 auto; height:300px;}
.best_tab li{text-align: center;}
.best_box p{margin:0.5rem 0px; width: 11rem;}
.best_box img{width:7rem; margin:1rem;}
.best_box img:hover{transform:scale(1);}
.coupon{font-size: 0.7rem; color:red; font-weight: bold;}
.seller{font-size: 0.7rem;}
.sale{color:red; font-size: 1rem; font-weight: bold; margin-left: 0.5rem;}
.item_name{font-size: 0.7rem;}
.event1{border:1px solid black; padding:3px; font-size: 0.7rem; background-color: #0084ff; color:white;}
.event2{border:1px solid black; padding:3px; font-size: 0.7rem; background-color: #00ff2a; color:white;}
.event3{border:1px solid black; padding:3px; font-size: 0.7rem; background-color: #ff1100; color:white;}
.price1{font-size: 0.8rem !important;}
.price2{color:red; font-size: 1rem; font-weight: bold;}
#super{width:11rem; position:absolute; left:-12rem; top:-2rem;}
#sec6 a{ color:#333;}
#sec6 .fa-angle-down{font-size: 1.5rem; position: absolute; right:0px; top:0px; cursor: pointer;}

/*섹션7: 랜덤배너 서식*/
#sec7{ position: relative; height:131px; width:100%;}
#ran_banner img{height:130px !important;}
#sec8{display: none;}
.fa-arrow-up{
  font-size: 24px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px 16px;
    position: fixed;
    bottom: 10%;
    right: 2%;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
}

.ad_btn{display: none;}
}

/*모바일 414*/
@media screen and (max-width:767px){
#sec3 video:hover{transform:none;}
section h2{text-align: center; margin:0; width:100%;}
.main_wrapper{height:1400px;}

/*섹션1: 메인슬라이드 서식*/
#sec1{padding-top:100px; height:100%;}
#sec1 img{width:100%; height:250px;}
.swiper-slide1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  background: #007aff;
  color: #fff;
}
.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

/*섹션2: 아이콘 모음 서식 모바일에서는 헤더로 옮길거기 때문에 디스플레이 논으로 설정*/
.icon{margin-left:20px;}
#sec2{display: none;}
.icons{display:flex; width:100%; padding-top:1.5rem; }
#sec2 >ul>li .icon{width:2.5rem; height:2.5rem; margin-left:0; }
#sec2 > .icons li{margin:0px;}
.icon_name{font-size: 14px; width:6rem; text-align: center; margin-left:5px;}
.iconSwiper{margin-top:0px;}
.iconSwiper .swiper-slide img{width:40px; height:30px; object-fit: cover;}
.swiper-slide-active{margin-right:1px !important;}

/*섹션3: 라이브커머스*/
.sec3_title{width:100%; margin:0 auto; position: relative; padding-top: 50px;}
#sec3{margin:0px 0px; position: relative; padding-bottom: 50px;}
.sec3_title img{position: absolute; left:263px; top:16px;}
#sec3 ul{display:flex;}
#sec3 ul li{margin:0px 1.5rem; border:1px solid #ccc; border-radius: 1rem; position: relative; height:17rem; overflow:hidden; width:13rem;font-size: 12px;}
#sec3 ul li p{text-align: center; line-height: 20px;}
#sec3 video{width:100%; border-radius: 1rem 1rem 0px 0px; margin-bottom:1rem;}
#sec3 .title{font-weight: bold;}
#sec3 span{top:9rem; position: absolute;}
.glive{transform: rotate(20deg); width:8rem; position: absolute; left:12rem; top:-20px;}
body{overflow-x: hidden;}
.shop_logo {display: none;}
.live_title{font-weight: bold; color:rgb(216, 1, 1); font-size: 10px;}
.slider-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0 auto; width:90rem;
}

.slider-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.slider-track li {
  list-style: none;
  flex: 0 0 auto;
  width: 8rem;
  margin-right: 1rem;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.slider-track li:hover{box-shadow: 0px 0px 3px #333;}
.slider-track video {
  width: 100%;
  height: auto;
  display: block;
}

.slider-track .title {
  font-weight: bold;
  margin: 0.5rem;
}

.slider-track p {
  margin: 0.25px 0.5rem;;
}

.slider-track img.shop_logo {
  width: 5rem;
  margin: 1rem;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*섹션4: 지금 잘 나가는 상품*/
#hot{width:280px; position: absolute; top:0px; left:0px;}
#sec4>h2{font-size: 1.5rem; color:black; position:absolute; top: 100px; color:white; display: none;}
#sec4{position: relative; height:5000px !important;}
#sec4 .back{position: relative;}
.grid-3x3 {
  display: grid;
  grid-template-columns: 1fr;
  list-style: none;
  width: 92%;
  position:relative; 
  padding-top:150px;
}

.grid-3x3 li {
  border: 1px solid #ddd;
  background-color: white;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  width:46%;
  margin-bottom:1rem;
}
.textbox p{font-size: 1.3rem;}
.grid-3x3 li:hover {
  box-shadow: 0px 0px 3px #333;
}

.grid-3x3 img {
  max-width: 100%;
  margin: 0 auto;
}

.grid-3x3 img {
  margin-bottom: 20px;
}

.grid-3x3 img:hover {
  transform: scale(1);
}

#sec4 .textbox p {
  margin: 10px 0px;
}

 .item_name {
  width: 100%; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.more {
  padding: 0.6rem;
  width: 8rem; 
  margin: 0 auto;
  display: block;
  margin-top: -150px;
}

/*섹션5: 24시간 한정 특가*/
.swiper24{ width:100%;}
#sec5{background-color: #fdfdfd;  position:relative; padding:50px 0px; margin:0 auto; }
#sec5 h2{top:-1.5rem; width:12rem;}
#sec5 .swiper-slide img{width:100%;}
#sec5 .swiper-slide img:hover{transform: scale(1);}
.limitedSwiper{ width:100%; top:18rem; left:0px; }
#sec5 .swiper-wrapper{width:100%; height:400px;}
.limitedSwiper{top:7rem; width:100%; margin: 0 auto;}
.sec5_textbox{width:100%; height:100%; position:absolute; top:282px; text-align:center;}
.sec5_textbox p{margin: -4.8rem 0rem; font-size: 1.2rem;}
.limited-prev{ color:#333; left:1rem; z-index: 10; padding:1.2rem; border-radius: 50%; box-shadow: 0px 0px 3px #333;}
.limited-next{color:#333;  right:1rem; z-index: 10;  padding:1.2rem; border-radius: 50%; box-shadow: 0px 0px 3px #333;}
#image24{position:absolute; width:50px ; left:420px !important;}
.limited-prev:hover{box-shadow: 0px 0px 6px black;}
.limited-next:hover{box-shadow: 0px 0px 6px black;}
.img_frame{width:36%; position:absolute; top:0px; left:0px; text-align: center;}
#banner24{height: 120px; width:100%; padding-bottom: 50px;}
#firework1{position:absolute; width:50px; left:85px !important; top:-50px; z-index: 100;}
#firework2{position:absolute; width:50px; left:375px !important; top:-50px; z-index: 100;}

/*섹션6: 쇼핑베스트 서식*/
#sec6{position:relative; border:none; padding-top: 76px;}
#sec6>h2{ width:20rem; text-align: center;}
.best_box ul:nth-child(2){display:flex;}
.best_box{border: 1px solid #646464; background-color: white; z-index: -1; width:90%; margin:0 auto; padding:3rem; margin-top:-16px; border-radius: 20px;}
#sec6 .back{width:100%; z-index:-1; background-color: #00C400; position:absolute; top:0rem;}
.best_box ul{margin:0 auto; flex-direction: column !important;}
#firework{width:5rem;}
.best_title{ position:relative;}
.best_tab li{display:none;}
.best_title>.tab_title{font-size: 1.2rem; font-weight: bold;}
.active{display:block;}
.item_box{margin:0 auto;}
.best_tab li{text-align: center;}
.best_box p{margin:0.5rem 0px;}
.best_box img{width:202px; margin:1rem;}
.best_box img:hover{transform:scale(1);}
.coupon{font-size: 0.7rem; color:red; font-weight: bold;}
.seller{font-size: 1rem;}
.sale{color:red; font-size: 1.5rem; margin-left: 10px; font-weight: bold;}
.item_name{font-size: 1.2rem;}
.price1{font-size: 17px !important;}
.price2{color:red; font-size: 1rem; font-weight: bold;}
#super{width:200px; position:absolute; left:0px; margin-bottom:10px;}
#sec6 a{ color:#333;}
#sec6 .fa-angle-down{font-size: 1.5rem; position: absolute; right:0px; top:0px; cursor: pointer;}
.best_box ul li:last-child{border:none;}
/*섹션7: 랜덤배너 서식*/

#sec7 img{ position: relative; width:100%; height:120px !important; margin: 20px 0px;}


/*아이콘 슬라이드 서식*/

.iconSwiper{ display: block !important; position: relative; top:-350px; width:1000px;}
.iconSwiper img{display: block !important; position: absolute !important; top:0px !important; width:1000px;}
.icons{display:none;}
.gnb ul:first-child{display: none;}
#sec8{display: block;}
#sec8 .smile_icon{width: 80px; top:-20px; left:50%; transform: translateX(-50%); position:absolute;}
.mobile_btns_wrapper{width:100%; background:white; position:fixed; bottom:0px; z-index:9999;}
.mobile_btns_wrapper ul{justify-content: space-evenly; padding-top:10px;}


.sec5_textbox p:last-child {
  font-size: 2rem;
  font-weight: bold;
}

.banner_mobile{
  width: 100%;
  position: relative;
  bottom: -155px;
}
.sec5_textbox:hover {
  background: none;
}

.fa-arrow-up{
  font-size: 20px;
  border: 1px solid #fff;
  border-radius: 10px;
  padding:11px 14px;
  position: fixed;
  bottom: 92px;
  right: 17px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);

}
.ad_btn{
  position: relative;
  display: block;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15);
  background: #067dfd;
}
.ad_btn img{width: 100%;}
.fa-xmark{
  position: absolute;
  top: 0px;
  right: -18px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  padding: 5px 6px;
  font-size: 9px;
  cursor: pointer;
}
#recent{width:50px;}
.fa-right-to-bracket{display:none !important;}
.fa-user{display:none !important;}
.search_box{display:none !important;}

.search_icon{cursor: pointer;}
#mobile_search_box{width:90%; position:fixed; top:10%; left:50%; border:1px solid #ccc; border-radius: 20px; padding:1rem; transform: translateX(-50%); z-index: 30000;  background-color: white; display: none; }
#mobile_search_close{font-size: 2rem; position:absolute; right:3%; cursor: pointer;}
#adBanner{position:fixed !important; left:2rem; top:700px; z-index: 1000;}
#mobile_search{width:100%; position: relative; top:5rem;}
#mobile_search_close{position: absolute; top:1rem; padding:0.3rem; cursor: pointer;}
#mobile_search form{position:absolute; left:50%; transform: translateX(-50%);}
#mobile_search input{width:23rem;  padding:1rem; text-indent: 3rem; border:1px solid #333;}
#mobile_search_btn{position: absolute; top:0.5rem; font-size: 1.5rem; right:1rem; border:none; background:white;}
#mobile_search_logo{width:2rem; position:absolute; top:0.5rem; left:2.5rem; z-index: 10;}

#mobile_cate_box{width:90%; position:absolute;  top:11rem; left:50%; transform: translateX(-50%); border-top:1px solid #ccc; margin-top:1rem;}
.mobole_cate_1depth_icon{width:4rem;}
.icon_box{width:6rem; padding:5px 10px; border:1px solid rgb(11, 83, 11);}
.mobile_cate_2depth{ position:absolute; width:70%; left:7rem; top:0px; }
.detail1{position:relative;line-height: 30px; top:0px;}
.detail1>a>.fa-angle-down{position:absolute; right:0px; font-size: 1.5rem; top:3px;}
.detail2{display:none; border:1px solid #ccc;}
.detail2 li{line-height: 2rem; margin-left:1rem;}
.active{display: block;}
#mobile_search_box.active {
  display: block;
}
.detail1>a:hover{text-decoration: none; background-color: #00C400; color:white;  display: block;}
.rotate{transform: rotate(180deg);}
#recent{width:50px;}
.mobile_btns_wrapper{ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.226);}
section{overflow-x: hidden;}
::-webkit-scrollbar{
  display: none;
}
#sec5 h2{top:46px; text-align: center; width:100%;}
html{width: 100%;
overflow-x: hidden;}
}