/* BASIC css start */



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; width: 100%; margin: 0 auto;}
/* .main img{position: fixed; width: 100%; margin: 0 auto; text-align: center; align-items: 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 li{background: red; width: 55%; height: 40px; margin: 30px;line-height: 40px;} */
.tab_box ul span{background: #fff; width: 1px; height: 35px; margin: 35px;}
.tab_box ul li{transition: all 0.2s;}
.tab_box ul li:hover{transition: all 0.2s; color: #FFCE1D;}


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

/* event1 */
.event01{max-width: 100%; height: auto; margin: 0 auto; }
/* 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: 161px; 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; }


/* event02 */
.event02{max-width: 100%; height: auto; margin: 0 auto; text-align: center;  position: relative;}
.event02 img{position: relative; justify-content: center; margin: 0 auto; }

/* 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: 1420px; 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: 1420px; 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;}
/* BASIC css end */