@charset "UTF-8";

.event_contents{position: relative;background-color: #2b3990;}

.event_nav_wrap{height: 144px;}
.event_nav{position: absolute;top: 0;left: 0;width: 100%;z-index: 9;}
.event_nav ul{display: flex;flex-wrap: wrap;gap: 2px;background-color: #2b3990;}
.event_nav ul li{flex: 1;}
.event_nav ul li button{display: block;padding: 40px 0;background-color: #12183c;}
.event_nav ul li.active button{background-color: #2b3990;}

.event_contents .event_sec p, .event_contents .event_sec span{line-height: 1.2em;}
.event_sec{overflow: hidden;position: relative;z-index: 2;background-color: #2b3990;}
.event_sec .event_inner{position: relative;z-index: 3;padding: 80px;margin: 0 auto;}
.event_sec .tit_wrap{margin-bottom: 54px;}
.event_bg{position: absolute;top: 0;left: 0;z-index: 1;}

.event_item{padding: 50px;border-radius: 20px;background-color: #e9eef3;}
.event_item + .event_item{margin-top: 30px;}
.event_item .coupon_wrap{margin-top: 40px;}
.event_item .coupon_wrap ul{display: grid;grid-template-columns: 1fr;gap: 20px;}

.notice_wrap{position: relative;z-index: 2;padding: 60px 50px;background-color: #1d2662;text-align: left;}
.notice_wrap .notice_tit{font-size: 35px;font-weight: 700;color: #fff;}
.notice_wrap ul{margin-top: 28px;}
.notice_wrap ul li{position: relative;padding-left: 16px;font-size: 35px;font-weight: 400;line-height: 1.4em;color: #d0d0d0;word-break: keep-all;letter-spacing: -0.05em;}
.notice_wrap ul li::before{display: block;content: '';position: absolute;top: 20px;left: -10px;width: 8px;height: 8px;border-radius: 50%;background-color: #d0d0d0;}
.notice_wrap ul li + li{margin-top: 10px;}

.event_sec.sec_01 .btn_wrap{display: flex;justify-content: space-between;gap: 30px;margin-top: 40px;}
.event_sec.sec_01 .btn_wrap .btn{flex: 1;}
.event_sec.sec_01 .btn_wrap + .btn_wrap{margin-top: 30px;}

.event_sec.sec_02 .tit_wrap{margin-bottom: 45px;}
.event_sec.sec_02 .coupon_wrap ul{display: grid;grid-template-columns: 1fr;gap: 30px;}

.event_sec.sec_03 .btn_wrap{margin-top: 30px;}
.event_sec.sec_03 .tip_wrap{margin-top: 40px;font-size: 0;line-height: 0;}
.event_sec.sec_03 .ticket_wrap{margin-top: 60px;padding: 0 245px;}
.event_sec.sec_03 .ticket_wrap .event_item{padding: 40px;border: 3px solid #fff;background-color: transparent;}
.event_sec.sec_03 .ticket_wrap .event_item .event_tit{width: 112px;margin: 0 auto;}
.event_sec.sec_03 .ticket_count{margin-top: 10px;}
.event_sec.sec_03 .ticket_count p{font-size: 30px;font-weight: 400;color: #fff;}
.event_sec.sec_03 .ticket_count span{display: inline-block;font-size: 60px;font-weight: 700;}

.gift_wrap{margin-top: 76px;}
.gift_wrap ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 74px 30px;}
.gift_wrap li:nth-child(1){grid-column: 1 / span 2;}
.gift_wrap li:nth-child(1) .event_item{width: calc((100% - 30px)/2);margin: 0 auto;}
.gift_wrap li{position: relative;}
.gift_wrap .event_item{padding: 40px 0;}
.gift_wrap .grade{display: inline-block;position: absolute;top: -45px;left: 50%;transform: translateX(-50%);width: 90px;height: 90px;}
.gift_wrap .text_wrap{text-align: center;}
.gift_wrap .text_wrap p{font-size: 28px;font-weight: 700;color: #000;}
.gift_wrap .text_wrap span{display: inline-block;font-size: 28px;font-weight: 400;}
.gift_wrap .text_wrap .count{margin-top: 4px;}
.gift_wrap .text_wrap .count, .gift_wrap .text_wrap .count span{font-size: 28px;font-weight: 700;color: #007aec;}
.gift_wrap .btn_wrap{margin-top: 30px;padding: 0 50px;}

.event_sec.sec_04 .img_wrap{padding: 0 50px;}
.event_sec.sec_04 .btn_wrap{margin-top: 44px;}

/* dialog custom (26.08.12) */
.ui-dialog-container .ui-dialog-content.dialog_overflow_y .dialog-body .cont-box .cont-inner {overflow-y: auto;max-height: calc(88vh - 170px);margin-bottom: 20px;}

.dialog-body .win_cnt .btext-tit{margin-top: 30px;font-size: 16px;}
.dialog-body .win_cnt > .btext-tit{margin: 0;text-align: center;}
.dialog-body .win_cnt .bgm_term .btext-tit{margin-top: 0;font-size: 14px;line-height: 1.3em;}

.dialog-body .od-card + .od-card{margin-top: 12px;}
.dialog-body .od-card .od-card-head button{position: relative;}
.dialog-body .od-card .od-card-head button::before{display: block;content: '';position: absolute;top: 0;right: 0;width: 20px;height: 20px;background: url('https://stat.lotteeatz.com/202608141623/assets/images/common/comm_fold_arrow.svg') no-repeat right center;transform: rotate(180deg);transition: transform 0.1s;}
.dialog-body .od-card .od-card-head.is-open button::before{transform: rotate(0);}
.dialog-body .od-card .od-card-tit{font-size: 15px;line-height: 1.5em;}
.dialog-body .od-card-body .btn_agree{width: 100%;border-radius: 12px;}
.dialog-body .od-card-body .btn_agree .text{font-weight: 500;color: #000;}

.dialog-body .bgm_term.scroll-wrap-y{height: 140px !important;}
.dialog-body .bgm_term .btext-tit{margin: 0;font-size: 13px; text-align: left;}
.bgm_term .txt:first-child p:first-child{margin-top: 0;}
.bgm_term .tbl-scroll + p{display: block;margin-top: 20px;}
.bgm_term .tbl-scroll{margin-top: 20px;border-top: 2px solid #333;}
.bgm_term .tbl-data{width: 100%;border-collapse: collapse;table-layout: fixed;}
.bgm_term .tbl-data th,
.bgm_term .tbl-data td{padding: 12px 10px;border: 1px solid #e5e5e5;font-size: 13px;font-weight: 400;line-height: 1.5em;text-align: center;vertical-align: middle;word-break: break-word;}
.bgm_term .tbl-data th{background-color: #f5f5f5;color: #000;font-weight: 600;}
.bgm_term .tbl-data td{background-color: #fff;color: #666;}

.dialog .od-card .ui-chk label{font-weight: 700;}
.dialog .od-card .ui-chk label .consent{color: #666;font-weight: 400;}

@media screen and (max-width: 1150px) {
  .event_nav_wrap{height: 12.5217vw;}
  .event_nav ul{flex-wrap: wrap;gap: 0.1739vw;}
  .event_nav ul li button{padding: 3.4783vw 0;}

  .event_sec .event_inner{padding: 6.9565vw;}
  .event_sec .tit_wrap{margin-bottom: 4.6957vw;}

  .event_item{padding: 4.3478vw;border-radius: 1.7391vw;}
  .event_item + .event_item{margin-top: 2.6087vw;}
  .event_item .coupon_wrap{margin-top: 3.4783vw;}
  .event_item .coupon_wrap ul{gap: 1.7391vw;}

  .notice_wrap{padding: 5.2174vw 4.3478vw;}
  .notice_wrap .notice_tit{font-size: 3.0435vw;}
  .notice_wrap ul{margin-top: 2.4348vw;}
  .notice_wrap ul li{padding-left: 1.3913vw;font-size: 3.0435vw;}
  .notice_wrap ul li::before{top: 1.7391vw;left: -0.8696vw;width: 0.6957vw;height: 0.6957vw;}
  .notice_wrap ul li + li{margin-top: 0.8696vw;}

  .event_sec.sec_01 .btn_wrap{gap: 2.6087vw;margin-top: 3.4783vw;}
  .event_sec.sec_01 .btn_wrap + .btn_wrap{margin-top: 2.6087vw;}

  .event_sec.sec_02 .tit_wrap{margin-bottom: 3.9130vw;}
  .event_sec.sec_02 .coupon_wrap ul{grid-template-columns: 1fr;gap: 2.6087vw;}

  .event_sec.sec_03 .btn_wrap{margin-top: 2.6087vw;}
  .event_sec.sec_03 .tip_wrap{margin-top: 3.4783vw;}
  .event_sec.sec_03 .ticket_wrap{margin-top: 5.2174vw;padding: 0 19.1304vw;}
  .event_sec.sec_03 .ticket_wrap .event_item{padding: 3.4783vw;border: 1px solid #fff;}
  .event_sec.sec_03 .ticket_wrap .event_item .event_tit{width: 9.7391vw;}
  .event_sec.sec_03 .ticket_count{margin-top: 0.8696vw;}
  .event_sec.sec_03 .ticket_count p{font-size: clamp(10px, 2.6087vw, 30px);}
  .event_sec.sec_03 .ticket_count span{font-size: 5.2174vw;}

  .gift_wrap{margin-top: 6.6087vw;}
  .gift_wrap ul{gap: 6.4348vw 2.6087vw;}
  .gift_wrap li:nth-child(1) .event_item{width: calc((100% - 1.7391vw)/2);}
  .gift_wrap .event_item{padding: 3.4783vw 0;}
  .gift_wrap .grade{top: -3.9130vw;width: 7.8261vw;height: 7.8261vw;}
  .gift_wrap .text_wrap p{font-size: clamp(10px, 2.4348vw, 28px);}
  .gift_wrap .text_wrap span{font-size: clamp(10px, 2.4348vw, 28px);}
  .gift_wrap .text_wrap .count{margin-top: 0.3478vw;}
  .gift_wrap .text_wrap .count, .gift_wrap .text_wrap .count span{font-size: clamp(10px, 2.4348vw, 28px);}
  .gift_wrap .btn_wrap{margin-top: 2.6087vw;padding: 0 4.3478vw;}

  .event_sec.sec_04 .img_wrap{padding: 0 4.3478vw;}
  .event_sec.sec_04 .btn_wrap{margin-top: 3.8261vw;}
}

@media screen and (max-width: 890px) {
  .bgm_term.scroll-wrap-y .tbl-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;}
  .bgm_term.scroll-wrap-y .tbl-scroll .tbl-data{min-width: 768px;}
}