/* 공통 */
section + section {margin-top: 50px;}
.maintit{font-size: 20px; font-weight: 700;}
.plusbtn button{color: #1C1B1F; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; line-height: 1; font-weight: 300; font-size: 22px; box-sizing: border-box; padding-bottom: 6px;}
.maintitbox.underline{margin-bottom: 0;}

/* sec1 */
.sec01 .mb{margin-top: 10px;  border-radius: 20px;}
.sec01 .mb .swiper-slide a{display: block; position: relative; width: 100%; padding-bottom: 30.8%;}
.sec01 .mb .swiper-slide img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.swiper-button-prev.mb_prev, .swiper-button-next.mb_next{width: 42px !important; height: 42px !important; border-radius: 50%; border: 1px solid #fff; padding: 0;}
.swiper-button-prev.mb_prev:after, .swiper-button-next.mb_next:after{color: #fff; font-size: 14px; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.swiper-button-prev.mb_prev{left: 20px;}
.swiper-button-next.mb_next{right: 20px;}

.sec01 .mb .swiper-pagination-bullet{width: 30px; border-radius: 20px; background-color: #fff;}
.sec01 .mb .btnwrap{display: flex !important; align-items: center !important; justify-content: center; position: absolute ; bottom: 6px; z-index: 999; margin: 0 auto; height: 20px; left: 50%; transform: translateX(-50%);}
.sec01 .mb .swiper-pagination{width: auto !important; position: relative; }
.sec01 .mb .btnwrap .stopbtn{position: relative; z-index: 999; top: -6px;}
.sec01 .mb .btnwrap .stopbtn.on img{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168192985166768.png);}


/* sec02 */
.box3{width: calc((100% - 60px) / 3);}
.maintit_min{display: flex;}
.maintit_min p{font-size: 14px; font-weight: 500; position: relative;  position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3;}
.maintit_min.new p{padding-right: 23px;}
.maintit_min.new span{font-size: 13px; color: #fff; font-weight: 700; background-color: #FB4646; display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding-top: 2px;}
.con{font-size: 12px; color: #686868; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; line-height: 1;}
.minlist li{padding: 12px 0; border-bottom: 1px solid #ddd;}

.min_slide{border-radius: 20px; margin-top: 12px; height: 287px; overflow: hidden;}
.min_slide .swiper-slide{position: relative; width:100%; padding-bottom: 75.53%}
.min_slide .swiper-slide img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.min_pag{position: absolute !important; top:10px !important;z-index: 50; width: auto; text-align: right; padding-right: 15px; height: 20px;}
.min_pag span{background-color: #fff; width: 10px; height: 10px; margin: 2px; opacity: .4;}
.swiper-pagination-bullet-active{opacity: 1 !important;}


/* sec03 */
.box_container > div{margin-right: 20px; margin-top: 54px;}
.box_container > div:last-child{margin-right: 0;}

/* sec04*/
.sec04{margin-bottom: 50px;}
.sec04_box{flex-wrap: wrap; gap: 40px 14px; margin-top: 12px;}
.sec04_box li{width: calc((100% - 42px) / 4);}
.pn{ margin-top: 20px; font-size: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word;line-height: 1.4; height: 54px;}
.imgwrap{position: relative; width:100%; padding-bottom: 100%; }
.imgwrap > img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; border-radius: 20px; border: 1px solid #ddd;}


/* go_mall */
.go_mall{position: fixed !important; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; background-color: #71BF44; border-radius: 80px 80px 0 0; padding: 26px 0;}
.go_mall > div{display: flex; align-items: center; justify-content: center; position: relative; left: 4%; bottom: 0;}
.go_mall > div::after{content: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062433355085.png); display: block; position: absolute; width: 113px; height: 107px; background: url() no-repeat center center; background-size: 100%; bottom: -80%; left: 9%; width: 0;}
.go_mall > div p, .go_mall > div a{color: #fff; line-height: 1}
.go_mall > div p{font-size: 20px; margin-right: 13px;}
.go_mall > div p span{font-weight: 700;}
.go_mall > div a{background-color: #3DA800; border: 2.3px solid #fff; padding: 6px 28px; border-radius: 60px; font-weight: 700;}
.go_mall > div a::after{display: inline-block; position: relative; content: ''; height: 7px; width: 7px; transform: rotate(45deg); border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; margin-bottom: 2px; margin-left: 8px;}


/* popup */
.sm-bn .swiper-backface-hidden .swiper-slide{cursor: pointer; } 
 .sm-bn{position: absolute; top: -62px; left: 30px; width: 488px; height: 615px; max-width:100%; pointer-events: auto; z-index: 99; margin: 0 100px;}
 .sm-bn .event-bn{height:100% !important;}
 .sm-bn .btn-wrap{position: absolute; z-index: 99; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 130%;}
 .btn-wrap li{width:50px; ; cursor: pointer;}
 .btn-wrap li div{width:50px; ;}
 .btn-wrap li:first-child{margin-left: -60px;}
 .btn-wrap li:last-child{margin-right: -60px;}
 .sm-bn > ul{width:100%; display: flex; position:absolute;border-radius: 0px 0px 25px 25px; bottom:0; z-index:99; background:#fff; left:0; cursor:pointer; }

 .sm-bn > ul li{position:relative; width:50%; height: 40px; text-align: center; font-size: 15px; cursor:pointer; background-color: #ECECEC; display: flex; align-items: center; justify-content: center; font-size: 12px;}





/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1440px){
 

 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
 

 }
 
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){
 
   

  
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

 }
  
 /* ********************************************* *
 * 900px
 * ********************************************* */

 @media screen and (max-width: 900px){


 }
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){
 
 }
 
 
 /* ********************************************* *
 * 640px
 * ********************************************* */
 @media screen and (max-width: 640px){
 }
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
 
 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){
 
 }
 
  /* ********************************************* *
 * 300px
 * ********************************************* */
 @media screen and (max-width: 300px){

 }