@charset "utf-8";

/* EVENT 250707 */
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {z-index: 10; top: 0; width: 100%; padding-top: 83px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {width: 1200px; left: 50%; top: 36px; transform: translateX(-50%);}
.evtContainer .evtTitWrap {width: 100%; height: 781px; background-color: #146989; background-image: url(/resources/images/event/2025/event250707/evtTitBg_1.png), url(/resources/images/event/2025/event250707/evtTitBg_0.png); background-repeat: no-repeat, repeat-x; background-position: left 50% bottom 7px, 50% 0; background-size: 1570px auto, 2560px auto;}
.evtContainer .evtTitWrap .con{position: absolute; top: 118px; right: 0;}
.evtContainer .evtTitWrap > .inner {width: 1032px; height: 100%; margin: 0 auto; background: url(/resources/images/event/2025/event250707/evtTitle.png) no-repeat 50% 0 / 100% auto;}
.evtContainer .evtTitWrap .objs {position: absolute; left: 50%; top: 0; width: 1522px; height: 100%; margin-left: calc(-1522px / 2);}
.evtContainer .evtTitWrap .objs span {position: absolute; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; animation:bounce 2s linear infinite;}
.evtContainer .evtTitWrap .objs .obj_01 {left: -19px; top: -90px; width: 259px; height: 259px; background-image: url(/resources/images/event/2025/event250707/obj_01.png); animation-delay: 0s;}
.evtContainer .evtTitWrap .objs .obj_02 {left: 288px; top: 173px; width: 104px; height: 104px; background-image: url(/resources/images/event/2025/event250707/obj_02.png); animation-delay: 0.5s;}
.evtContainer .evtTitWrap .objs .obj_03 {left: 362px; top: 386px; width: 121px; height: 259px; background-image: url(/resources/images/event/2025/event250707/obj_03.png); animation-delay: 0.7s;}
.evtContainer .evtTitWrap .objs .obj_04 {left: 191px; top: 504px; width: 96px; height: 96px; background-image: url(/resources/images/event/2025/event250707/obj_04.png); animation-delay: 1s;}
.evtContainer .evtTitWrap .objs .obj_05 {right: 360px; top: 215px; width: 146px; height: 146px; background-image: url(/resources/images/event/2025/event250707/obj_05.png); animation-delay: 0s;}
.evtContainer .evtTitWrap .objs .obj_06 {right: 242px; top: 336px; width: 82px; height: 82px; background-image: url(/resources/images/event/2025/event250707/obj_06.png); animation-delay: 0.5s;}
.evtContainer .evtTitWrap .objs .obj_07 {right: 479px; top: 585px; width: 50px; height: 50px; background-image: url(/resources/images/event/2025/event250707/obj_07.png); animation-delay: 0.7s;}
.evtContainer .evtTitWrap .objs .obj_08 {right: 558px; bottom: 50px; width: 104px; height: 104px; background-image: url(/resources/images/event/2025/event250707/obj_08.png); animation-delay: 1s;}
@keyframes bounce {
    0%{transform:translateY(0px);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0px);}
    75%{transform:translateY(15px);}
    100%{transform:translateY(0px);}
}

.evtSection {background: #146989;}
.evtCont1 .inner{width: 586px; height: 288px; background: url(/resources/images/event/2025/event250707/evtCont01.png) no-repeat 50% 0 / 100% auto;}
.evtCont1 .copy_share{position: absolute; left: 50%; top: 0; width: 246px; height: 56px; margin-left: calc(-246px / 2);}

.evtCont2 {padding: 60px 0 150px;}
.evtCont2 > .inner {width: 1300px;}
.evtCont2 .tab_wrap {display: block; margin: 0;}
.evtCont2 .tab_menu {display: flex; gap: 20px; justify-content: center; align-items: center; margin: 0 0 40px;}
.evtCont2 .tab_menu li {width: 420px; height: 163px;}
.evtCont2 .tab_menu li a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto;}
.evtCont2 .tab_menu li:first-child a {background-image: url(/resources/images/event/2025/event250707/evt_tab_01.png);}
.evtCont2 .tab_menu li:last-child a {background-image: url(/resources/images/event/2025/event250707/evt_tab_02.png);}
.evtCont2 .tab_menu li.on a {background-position-y: 100%;}

.cont_list {position: relative; padding: 50px 33px; background: rgba(255,255,255,0.5); border-radius: 30px; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.16);}
.cont_list::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 30px; box-shadow: 0 0 3px 4px rgba(255, 255, 255, 0.25) inset;}
.cont_list + .cont_list {margin: 30px 0 0;}
.cont_list .btnWrap .btnApply {width: 149px; height: 47px;}
.cont_list .btnWrap .btnApply img {width: 100%;}
.cont_list > .btnWrap {position: relative; width: 1080px; margin: 0 auto 10px; text-align: right;}
.cont_list .txtbox {position: relative; display: flex; justify-content: start; align-items: center; width: 1080px; height: 60px; padding: 6px 6px 6px 50px; margin: 0 auto 60px; background: rgba(255,255,255,0.7); border: 1px solid #fff; border-radius: 200px;}
.cont_list .txtbox .tit {font-size: 32px; line-height: 1; color: #121212; font-weight: 600; letter-spacing: -0.05em;}
.cont_list .txtbox .btnWrap {margin-left: auto; }
.cont_list .txtbox .inner {position: relative;}
.cont_list .txtbox input[type="checkbox"] { display: none;}
.cont_list .txtbox input[type="checkbox"] + label {position: relative; display: block; padding: 0 0 0 54px;}
.cont_list .txtbox input[type="checkbox"] + label::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; margin: 0; background: url(/resources/images/event/2025/event250707/icon_checkbox.png) no-repeat 50% 0 / 100% auto; cursor:pointer;}
.cont_list .txtbox input[type="checkbox"]:checked + label:before {background-position-y: 100%;}
.cont_list .imgbox {position: relative; display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; margin: 0 auto;}
.cont_list .imgbox .view {position: static; flex: 0 0  auto; width: 270px; height: 344px;}
.cont_list .imgbox img {height: 100%; vertical-align: middle;}
.cont_list .disabled {display:none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255 255, 255, 0.5); border-radius: 30px;}
.cont_list .disabled::before {content: ''; width: 430px; height: 432px; background: url(/resources/images/event/2025/event250707/img_soldout.png) no-repeat 50% 0 / 100%;}
.cont_list .disabled.is-active {display:flex; justify-content: center; align-items: center;}

.stabs {display: flex; gap: 10px; justify-content: center; align-items: center; margin: 40px;}
.stabs li .stab {width: 109px; height: 68px; background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto;}
.stabs li:nth-child(1) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_01.png);}
.stabs li:nth-child(2) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_02.png);}
.stabs li:nth-child(3) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_03.png);}
.stabs li:nth-child(4) .stab {width: 248px; background-image: url(/resources/images/event/2025/event250707/evt_stab_04.png);}
.stabs li:nth-child(5) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_05.png);}
.stabs li:nth-child(6) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_06.png);}
.stabs li:nth-child(7) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_07.png);}
.stabs li:nth-child(8) .stab {background-image: url(/resources/images/event/2025/event250707/evt_stab_08.png);}
.stabs li.on .stab {background-position-y: 100%;}

.tabpanel {display: none; flex-wrap: wrap; gap: 30px 20px; justify-content: space-between;}
.tabpanel .cont_list {width: 100%; margin-top: 0;}
.tabpanel .cont_list.w50 {flex-shrink: 1; width: 49%;}
.tabpanel .cont_list.w50 .txtbox {width: 460px;}
.tabpanel:nth-child(3) .imgbox {width: 1100px;}
.tabpanel.on {display: flex;}

.evtContainer .evtFooterWrap {padding: 100px 0 100px 127px; background: #444;}
.evtContainer .evtFooterWrap .inner {width:1200px;}
.evtContainer .evtFooterWrap h3 {position: absolute; right: 100%; top: 0; width: 138px; margin-right: 100px;}
.evtContainer .evtFooterWrap h3 img {width: 100%;}
.evtContainer .evtFooterWrap strong {display: block; margin: 0 0 30px; font-size: 25px; font-weight: 600; color: #fff; line-height: 1; letter-spacing: -0.06em;}
.evtContainer .evtFooterWrap ul li {position: relative; padding: 0 0 0 30px; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.6;}
.evtContainer .evtFooterWrap ul li::before {content: ''; position: absolute; left: 8px; top: 8px; width: 4px; height: 4px; background: #fff; border-radius: 100%; }

/* eventPopWrap */
#eventPopWrap .eventPop.pop_type02 .titWrap .tit {font-size: 18px; font-weight: 600; color: #e6563c; line-height: 2.4;}
#eventPopWrap .agreeForm .chk {position: relative;}
#eventPopWrap .agreeForm input {position: absolute; left: 13px; top: 5px;}

#eventPopWrap2{position: fixed; z-index:1000; left: 0; top: 0; display:none;  width: 100%; height: 100%;}
#eventPopWrap2.on{display: block;}
#eventPopWrap2::before {content: ''; position: fixed; z-index:1; top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);}
#eventPopWrap2 .eventPop{overflow: hidden; position:absolute; z-index:1; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 100px 28px 37px; background:#fff; border-radius: 30px;}
#eventPopWrap2 .contWrap{display: flex; justify-content: center; align-items: center; width: 800px; height: 75vh; background: #eef3f5; border-radius: 30px;}
#eventPopWrap2 .contWrap img {max-width: 100%; max-height: 100%;}
#eventPopWrap2 .btnEvtPopClose {position: absolute; top: 28px; right: 28px; width: 44px;height: 44px; background: url(/resources/images/event/2025/event250707/icon_close.png) no-repeat 0 0 / 100%;}