*{padding: 0; margin: 0; box-sizing: border-box;}
ul, li, ol{list-style: none;}
a{text-decoration: none;}




body{background: url('../img/이벤트2/bg.png')no-repeat center; background-size: cover; overflow-x: hidden;}


.header{height: 500px; width: 100%; }
.header.inner{margin: 0 auto; position: relative;}
.header .inner .title{font: 70px 'inherit'; text-align: center; color: #bc7519; position: absolute; left: 37%; top: 10%; text-align: left;}
.header .inner .title span{font: 70px 'inherit'; color: #b8b4a2;}
.header .inner .txt1{font: 20px 'inherit'; position: absolute; left: 37.2%; top: 33%; color: #c89546;}
.header .inner .txt1 span{color: #9e4e09;}
.header .inner .txt2{font: 20px 'inherit'; position: absolute; left: 37.2%; top: 37%; color: #c89546;}
.header .inner .txt2 span{color: #9e4e09;}
.header .inner .box{position: relative;}
.header .inner .box .btn1{font: 17px/44px 'inherit'; color: #fff; position: absolute; left: 37.2%; top: 390px; width: 150px; height: 44px; border-radius: 30px; border: 1px solid #b57637; background-color: #b57637; cursor: pointer;}
.header .inner .box .btn2{font: 17px/44px 'inherit'; color: #fff; position: absolute; left: 47%; top: 390px; width: 150px; height: 44px; border-radius: 30px; border: 1px solid #b57637; background-color: #b57637; cursor: pointer;}


.grid{width: 100%;}
.grid .inner{margin: 0 auto; height: 430px;}
.grid .inner .wrap{width: 1500px; height: 580px; margin: 0 auto;}
.grid .inner .wrap .box1{width: 256px; height: 330px; border: 1px solid #fff; background-color: #fff; position: relative; float: left; margin-left: 109px; }
.grid .inner .wrap .box1 button{position: absolute; left: 20%; top: 13%; width: 150px; height: 70px; background-color: goldenrod; border: 1px solid goldenrod; font: bold 20px 'inherit'; color: #fff; cursor: pointer;}
.grid .inner .wrap .box1 .txt{position: absolute; left: 12%; top: 45%; font: 20px 'inherit'; color: rgb(20, 20, 20); border-top: 1px solid gray; padding-top: 10px;}
.grid .inner .wrap .box1 .num{position: absolute; left: 20%; top: 64%; width: 150px; height: 70px; background-color: gray; font: bold 20px/70px 'inherit'; color: #000; text-align: center;}
.grid .inner .wrap .box2{margin-top: 7%;}
.grid .inner .wrap .box3 .box{border-bottom: none;}
.grid .inner .wrap .box{width: 256px; height: 165px; background-color: #eee; float: left; border-right: 1px solid rgb(202, 200, 200); border-bottom: 1px solid rgb(202, 200, 200);}
.grid .inner .wrap .box .txt{font-size: 15px; line-height: 25px; text-align: center; margin-bottom: 2px; color: #666; margin-top: 20px;}
.grid .inner .wrap .box .date{font-size: 19px; font-weight: 600; line-height: 19px; text-align: center; margin-bottom: 8px; color: #333; margin-top: 15px;}
.grid .inner .wrap .box .fa-circle-check{font-size: 50px; padding: 0 100px; margin-top: 10px; color: gray;}
.grid .inner .wrap .cm{position: absolute; left: 19%; top: 157%; font: bold 17px 'inherit'; color: #000;}


.event{width: 100%;}
.event .inner{height: 760px;margin-top: 150px;}
.event .inner .tab{width: 1280px; height: 76px; margin: 0 auto;  }
.event .inner .tab li{width: 160px; height: 76px; font: bold 18px/76px 'inherit'; text-align: center; float: left; border-right: 2px solid #c3c2c2; cursor: pointer; background: #f9f7f4;}
.event .inner .tab  .active{background-color: #666;}
.event .inner .reward{width: 1280px; height: 549px; background-color: #fff; margin: 0 auto; position: relative;}
.event .inner .reward li{padding-top: 50px; width: 1280px; margin-left: 20px; display: none;}
.event .inner .reward li .active{display: block;}
.event .inner .reward li .item_wrap{width: 1170px;display: flex; justify-content: center; margin: 0 auto; }
.event .inner .reward li .item_wrap .item{width: 256px; height: 300px;  padding: 0 20px; }
.event .inner .reward li .item_wrap .item img{width: 200px; height: 200px;}
.event .inner .reward li .item_wrap .item .txt{text-align: center; font-size: 16px; color: #444; margin-top: 10px; }
.event .inner .btn{display: block; position: absolute; left: 17%; bottom: -87%; width: 1170px; height: 110px; margin-left: 50px; background-color: goldenrod; border: 1px solid goldenrod; font-size: 24px; font-weight: 400; color: #fff; text-align: center; cursor: pointer;}
.event .inner .btn::after{content: '▶'; padding-left: 10px;}



.footer{width: 100%;}
.footer .inner{background-color: #000; height: 360px;}
.footer .inner .logo{text-align: center; padding-top: 100px;}
.footer .inner .info{position: relative; left: 20%; top: 18%;}
.footer .inner .info p{font-size: 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.footer .inner .info a:nth-child(1) img{width: 36px; height: 17px;}
.footer .inner .info a:nth-child(2) img{width: 88px; height: 39px; margin-right: 30px;}
.footer .inner .info .box{ display: inline;}
.footer .inner .info .box img{margin-left: 200px;}