/* BASIC css start */

/* *{scroll-behavior: smooth;}
body{margin: 0 auto; padding: 0; overflow-x: hidden; scroll-behavior: smooth; }
a{text-decoration: none; color: inherit;}
li{list-style: none;}
section{margin: 0; padding: 0; display: block; margin: 0 auto;}

/*#font {font-size:25px;}
#shop1 {font-size:30px;}
#shop2 {font-size:30px;}
#shop3 {font-size:30px;line-height: 60px;}

#pageWrap .inner .con01 .main .tab_box ul li{font-size:22px;}

/* main
.main{text-align: center; margin: 0 auto; width:100%; justify-content: center;}
.tab_box{background: #000; width: 1600px; height: 90px;margin:  0 auto; font-family: 'Pretendard-Regular', sans-serif; position: relative; z-index: 2; overflow-y: hidden; }
.tab_box ul{display: flex; justify-content: space-between; color: #fff; width: 80%; margin: 0 auto; font-size: 23px; line-height: 90px;}
.tab_box ul span{background: #fff; width: 1px; height: 30px; margin: 30px; opacity:0.3}
.tab_box ul li{transition: all 0.2s;}
.tab_box ul li:hover{transition: all 0.2s; color: #FFCE1D;}

/*#sale01, #sale02, #sale03, #sale04 {
    scroll-margin-top: 153px;ÅÇ Å¬¸¯ ½Ã ÇØ´ç ¼½¼ÇÀÌ #fix ³ôÀ̸¦ °í·ÁÇÏ¿© À§Ä¡ÇÔ 
}*/

/* ¸Þ´º°íÁ¤ */
/*#fix.fixed{
    position: fixed;
    left: 0;
    top: 133px;
    width: 100%;
    margin: 0 auto;
  } */

/* event1*
.event01{width: 100%; height: auto; margin: 0 auto;text-align: center; }
.event01 .event1{width: 100%;margin: 0 auto;justify-content: center;}

/* box01 *
.event01 .box1{position: relative;} 
.event01 .box1 img{position: relative; z-index: -5;}
.event01 .box1 .btnred{font-family: 'jost',sans-serif; width: 1600px; height: 90px; position: absolute; bottom: 121px; line-height: 90px; font-size: 35px; color: #fff;  overflow: hidden;}
.event01 .box1 .btnred .btn1{width: 735px; height: 90px; background: #F83B3B; margin: 0 auto; border-radius: 20px; text-align: center;}

/* box2 *
.event01 .box2{position: relative;}
.event01 .box2 .btnyellow{font-family: 'jost',sans-serif; width: 1600px; height: 90px; position: absolute; bottom: 230px; left: 140px; line-height: 71px; font-size: 35px; color: #000;  overflow: hidden;}
.event01 .box2 .btnyellow .btn2{width: 399px; height: 71px; background: #FFCE1D; margin: 0 auto; border-radius: 20px; text-align: center; }


/* event03 *
.event03{max-width: 100%; height: auto; margin: 0 auto; text-align: center; position: relative; justify-content: center; }
.event03 img{position: relative; justify-content: center; margin: 0 auto; }
.event03 .btnblack{font-family: 'jost',sans-serif; width: 1400px; height: 70px; position: absolute; top:430px;  left: 50%; transform: translateX(-50%); line-height: 70px;  font-size: 35px; color: #000; display: flex; justify-content:right;}
.event03 .btnblack a{width: 350px; height: 70px; pointer-events: auto; position: absolute;}
.event03 .btnblack a span{position: absolute; line-height: 60px; width: 60px; height: 60px; background: #000; color: #fff; margin-left: 20px;  border-radius: 500px;  align-items: center; }

.event03 .top5{width: 1600px; position: absolute; display: flex; justify-content: center; top: 520px; left: 50%; transform: translateX(-50%);}
.event03 .top5 .top{width: 87%; display: flex; flex-wrap: wrap;}
.event03 .top5 ul{display: flex; justify-content: flex-start;width: 1600px; gap: 8px;margin: 0 auto;}

/* event03 *
.event04{max-width: 100%; height: auto; margin: 0 auto; text-align: center;  position: relative;}
.event04 .box2 img{position: relative; }
.event04 .box2 .type{width: 1600px; position: absolute; display: flex; justify-content: center; top:495px ; left: 50%; transform: translateX(-50%); }
.event04 .btnblack{font-family: 'jost',sans-serif; width: 1400px; height: 70px; position: absolute; top: 410px;  left: 50%; transform: translateX(-50%); line-height: 70px;  font-size: 35px; color: #000; display: flex; justify-content:right; }
.event04 .btnblack a{width: 350px; height: 70px; pointer-events: auto; position: absolute;}
.event04 .btnblack a span{position: absolute; line-height: 60px; width: 60px; height: 60px; background: #000; color: #fff; margin-left: 20px;  border-radius: 500px; align-items: center; }


/* footer *
.footer{width: 1600px; margin: 0 auto;justify-content: center; text-align: center; } */
/* BASIC css end */