.font1 {font-family:"Cafe24SsurroundAir" !important;}
.font2 {font-family:"Cafe24Ssurround" !important;}

#campagin2026 .c_event .ce_range {max-width:650px;}
#campagin2026 .c_event .ce_range li strong.t1 {background-color:#b0bace;}
#campagin2026 .c_event .ce_range li span {gap:10px;}
#campagin2026 .c_event .ce_range li span a {text-decoration:underline; text-underline-offset:6px;}
#campagin2026 .c_event .ce_range li span a:hover {color:var(--green);}
#campagin2026 .c_event .ce_renewevent {display:flex; flex-wrap:wrap; align-items:center; gap:35px; justify-content:center; position:relative; margin-top:65px; padding-top:65px;}
#campagin2026 .c_event .ce_renewevent:before {content:""; position:absolute; left:0; right:0; top:0; height:2px; background:#427dee;}
#campagin2026 .c_event .ce_renewevent .ce_title.t1 {padding:0 !important;}
#campagin2026 .c_event .ce_renewevent .cen_list {display:flex; gap:18px; width:100%; max-width:950px;}
#campagin2026 .c_event .ce_renewevent .cen_list li {flex:1; background:#fff; border-radius:10px;}
#campagin2026 .c_event .ce_renewevent .cen_list li strong {display:flex; justify-content:center; align-items:center; height:75px; background:#e4fb32; border-radius:10px; font-size:25px; color:#004ae7; line-height:35px; letter-spacing:-0.5px; text-align:center;}
#campagin2026 .c_event .ce_renewevent .cen_list li strong br {display:none;}
#campagin2026 .c_event .ce_renewevent .cen_list li p {display:flex; align-content:center; flex-wrap:wrap; justify-content:center; align-items:center; height:125px; font-size:32px; line-height:40px; color:#004ae7; text-align:center; letter-spacing:-0.5px;}
#campagin2026 .c_event .ce_renewevent .cen_list li p span {display:inline-block; width:100%;}
#campagin2026 .c_event .ce_renewevent .cen_list li p span mark {display:inline-block; position:relative; z-index:0; color:#004ae7;}
#campagin2026 .c_event .ce_renewevent .cen_list li p span mark:before {content:""; position:absolute; left:0; right:0; bottom:3px; z-index:-1; height:10px; background:#e4fb32; border-radius:5px;}
#campagin2026 .c_event .ce_renewevent .ce_txt {display:flex; align-content:center; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:-5px; font-size:25px; line-height:35px; color:#fff; text-align:center; letter-spacing:-0.5px; word-break:keep-all;}
#campagin2026 .c_reward {padding-bottom:0 !important;}
#campagin2026 .c_reward .cr_receipt .crr_content.t3 {padding-bottom:55px;}
#campagin2026 .c_reward .cr_receipt .crr_content > p {text-align:center;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_box {gap:45px; height:570px; background-image: url("https://d8vjpug7kdmr.cloudfront.net/images/july/bg_event02.jpg");}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext {display:inline-flex; justify-content:center; align-items:center; width:auto; height:55px; padding:0 25px; padding-top:2px; background-color:white; border-radius:30px; font-size:38px; color:#343537;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext mark {font-size:38px !important; color:#1d49df !important;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:45px; line-height:60px; word-break:keep-all;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cy {font-size:60px;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw mark.cy {font-size:94px; line-height:104px;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw span.cy {font-size:72px; line-height:104px;}

#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span {flex-wrap:wrap;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span span.t1 {display:inline-block; width:100%;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i {display:inline-block; position:relative; width:40px; height:40px; margin:25px 0;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:before {content:""; position:absolute; left:0; right:0; top:50%; height:8px; margin-top:-4px; background:#fff; border-radius:4px;}
#campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:after {content:""; position:absolute; left:0; right:0; top:50%; height:8px; margin-top:-4px; background:#fff; border-radius:4px; transform:rotate(90deg);}
#campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step {display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:30px;}
#campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li {display:flex; flex-wrap:wrap; gap:5px; width:200px; max-width:calc(25% - 8px); text-align:center;}
#campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li strong {display:flex; justify-content:center; width:100%; font-size:28px; color:#3f4042; line-height:38px;}
#campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li mark {display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; height:56px; padding-top:2px; background:var(--blue); border-radius:30px; font-size:32px; color:#fff;}
#campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li span {display:flex; justify-content:center; width:100%; font-size:24px; color:#49a3e0; line-height:34px;}
#campagin2026 .c_reward .cr_receipt .crr_model {display:flex; position:relative; left:4%; top:1px; width:500px; margin:0 auto;  margin-top:45px;}
#campagin2026 .c_reward .cr_receipt .crr_model img {width:100%; height:auto;}
#campagin2026 .c_reward .cr_receipt .crr_content > mark + mark {margin-left:10px;}
#campagin2026 .c_reward .cr_receipt .crr_content > mark + mark:before {left:-10px;}
#campagin2026 .c_participate .cp_txt b {font-size:24px;}
#campagin2026 .notice_pop .cn_txt li .icon.kakao,
#campagin2026 .c_notice .cn_txt li .icon.kakao {display:inline-block; position:relative; top:6px; width:20px; height:20px; background-image:url("https://d8vjpug7kdmr.cloudfront.net/images/july/icon_kakao.png"); background-size:100% auto; background-repeat:no-repeat; background-position:center;}

#campagin2026 .c_reward .cr_receipt .crr_store {display:flex; flex-wrap:wrap; gap:55px; align-items:center; justify-content:center; box-sizing:border-box; width:100%; padding:50px 70px; padding-bottom:75px; background:#fff; border-radius:10px;}
#campagin2026 .c_reward .cr_receipt .crr_store strong {display:inline-block; position:relative; width:100%; font-size:54px; color:var(--blue); line-height:64px; letter-spacing:-3px; text-align:center;}
#campagin2026 .c_reward .cr_receipt .crr_store strong span {display:inline-block; width:100%;}
#campagin2026 .c_reward .cr_receipt .crr_store ul {display:flex; align-items:flex-start;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li {display:flex; flex:1; align-items:center; justify-content:center; position:relative;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li + li:before {content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:#f2f2f2;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li a {display:flex; gap:20px; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li a:hover {text-decoration:underline; text-underline-position:under;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li i {display:inline-block; width:60%;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li i img {width:100%; height:auto;}
#campagin2026 .c_reward .cr_receipt .crr_store ul li span {display:flex; width:100%; justify-content:center; font-size:22px; color:#3f4042; line-height:30px; letter-spacing:-1px;}
#campagin2026 #rewardPrestigeHillSuite .rp_text .rpt_title {display:inline-block; width:100%; margin-bottom:-5px; font-size:22px; color:#333; text-align:center;}
#campagin2026 #rewardPrestigeHillSuite .rp_text p {color:#666;}
#campagin2026 #rewardPrestigeHillSuite .rp_text p.semibold {color:#333;}

#resultVisual {display:none !important;}


#resultModal .r_store {display:flex; gap:20px; flex-wrap:wrap; margin-top:30px; box-sizing:border-box; width:100%; background:var(--sky); border-radius:10px; padding:25px 15px;}
#resultModal .r_store strong {display:inline-block; position:relative; width:100%; font-size:20px; color:#3f4042; line-height:31px; letter-spacing:-1px; text-align:center; word-break:keep-all;}
#resultModal .r_store strong span {display:inline-block; width:100%;}
#resultModal .r_store strong span mark {color:var(--blue);}
#resultModal .r_store ul {display:flex; align-items:flex-start;}
#resultModal .r_store ul li {display:flex; flex:1; align-items:center; justify-content:center; position:relative;}
#resultModal .r_store ul li + li:before {content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:#f2f2f2;}
#resultModal .r_store ul li a {display:flex; gap:15px; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
#resultModal .r_store ul li a:hover {text-decoration:underline; text-underline-position:under;}
#resultModal .r_store ul li i {display:inline-block; width:60%;}
#resultModal .r_store ul li i img {width:100%; height:auto;}
#resultModal .r_store ul li span {display:flex; width:100%; justify-content:center; font-size:18px; color:#3f4042; line-height:23px; letter-spacing:-1px;}

#campagin2026 #resultModal.prize_chance_pop .modal-card {padding-top:40px !important;}
#campagin2026 #resultModal.prize_chance_pop .result-desc {margin-top:30px !important;}

@media (max-width:1024px) {
    #campagin2026 .c_participate .cp_txt b {font-size:23px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t3 {padding-bottom:48px;}
    #campagin2026 .c_reward .cr_receipt .crr_model {left:3%; width:440px; margin-top:38px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:500px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:35px; line-height:50px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cy {font-size:45px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i {width:30px; height:30px; margin:20px 0;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:before,
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:after {height:6px; margin-top:-3px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw mark.cy {font-size:75px; line-height:85px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw span.cy {font-size:60px; line-height:85px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li strong {font-size:23px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li mark {height:45px; font-size:27px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li span {font-size:20px;}

    #campagin2026 .c_event .ce_renewevent .cen_list li strong {height:60px; font-size:20px; line-height:30px;}
    #campagin2026 .c_event .ce_renewevent .cen_list li p {height:100px; font-size:28px; line-height:36px;}
    #campagin2026 .c_event .ce_renewevent .ce_txt {font-size:22px; line-height:32px;}
    #campagin2026 .c_reward .cr_receipt .crr_store strong {font-size:46px; line-height:56px; letter-spacing:-2.4px;}

    #campagin2026 .c_reward .cr_receipt .crr_store {padding:40px 60px; padding-bottom:60px;}
    #campagin2026 .c_reward .cr_receipt .crr_store ul li span {font-size:20px;}

}




@media (max-width:768px) {
    #campagin2026 .c_participate .cp_txt b {font-size:22px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t3 {padding-bottom:24px;}
    #campagin2026 .c_reward .cr_receipt .crr_model {left:2%; width:380px; margin-top:34px;}

    #campagin2026 #rewardPrestigeHillSuite .rp_text .rpt_title {font-size:19px;}

    #campagin2026 .c_event .ce_renewevent {gap:25px; margin-top:40px; padding-top:40px;}
    #campagin2026 .c_event .ce_renewevent .cen_list {gap:10px;}
    #campagin2026 .c_event .ce_renewevent .cen_list li strong {font-size:17px; line-height:20px;}
    #campagin2026 .c_event .ce_renewevent .cen_list li strong br {display:block;}
    #campagin2026 .c_event .ce_renewevent .cen_list li p {font-size:20px; line-height:30px;}
    #campagin2026 .c_event .ce_renewevent .ce_txt {font-size:18px; line-height:28px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:400px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext {height:46px; padding:0 20px; padding-top:2px; font-size:28px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext mark {font-size:28px !important;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:28px; line-height:45px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cy {font-size:35px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw mark.cy {font-size:55px; line-height:75px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw span.cy {font-size:45px; line-height:75px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li strong {font-size:18px; line-height:25px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li mark {height:36px; font-size:18px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li strong {font-size:16px; line-height:23px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark {margin:0 20px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark::before {left:0 !important;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:150px;}

    #campagin2026 .c_reward .cr_receipt .crr_store strong {font-size:38px; line-height:48px; letter-spacing:-1.8px;}
    #campagin2026 .c_reward .cr_receipt .crr_store {padding:30px 40px; padding-bottom:40px;}

    #campagin2026 .c_reward .cr_receipt .crr_store {padding:70px 34px 44px;}
    #campagin2026 .c_reward .cr_receipt .crr_store ul {flex-wrap:wrap; row-gap:30px;}

    #resultModal .r_store {gap:15px; margin-top:25px; padding:20px 10px;}
    #resultModal .r_store strong {font-size:18px; line-height:23px;}
    #resultModal .r_store ul li i {width:60%;}
    #resultModal .r_store ul li span {font-size:16px; line-height:20px;}
}




@media (max-width:560px) {
    #campagin2026 .c_participate .cp_txt b {font-size:20px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t3 {padding-bottom:15px;}
    #campagin2026 .c_reward .cr_receipt .crr_model {left:0; width:340px; max-width:100%; margin-top:36px;}

    #campagin2026 .c_event .ce_renewevent .cen_list li p span {font-size:20px; line-height:24px;}
    #campagin2026 .c_event .ce_renewevent .cen_list li p span mark {margin:0 20px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:220px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t5 .crrc_swiper .swiper-slide {aspect-ratio:initial;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext {height:26px; padding:0 13px; font-size:16px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_decotext mark {font-size:16px !important;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:16px; line-height:22px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cy {font-size:22px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i {width:15px; height:15px; margin:10px 0;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:before,
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 i:after {height:4px; margin-top:-2px;}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw mark.cy {font-size:37px; line-height:52px}
    #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span.cw span.cy {font-size:32px; line-height:48px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step {flex-wrap:wrap; row-gap:5px; column-gap:20px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_step li {gap:0; width:calc(50% - 10px); max-width:100%;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:115px;}

    #campagin2026 .c_reward .cr_receipt .crr_store strong {font-size:28px; line-height:39px; letter-spacing:-1.2px;}

    #campagin2026 .c_reward .cr_receipt .crr_store {padding:56px 32px 36px;}
}




@media (max-width:425px) {
    #campagin2026 .c_participate .cp_txt b {font-size:18px;}
    #campagin2026 .c_reward .cr_receipt .crr_content.t3 {padding-bottom:13px;}
    #campagin2026 .c_reward .cr_receipt .crr_model {width:315px; margin-top:36px;}

    #campagin2026 .c_reward .cr_receipt .crr_store {padding:38px 15px 15px; gap:30px;}
    #campagin2026 .c_reward .cr_receipt .crr_store strong {font-size:22px; line-height:30px; letter-spacing:-0.8px;}

    #campagin2026 .c_reward .cr_receipt .crr_store ul li a {gap:10px;}
    #campagin2026 .c_reward .cr_receipt .crr_store ul li i {width:60%;}
    #campagin2026 .c_reward .cr_receipt .crr_store ul li span {font-size:16px; line-height:21px;}
}




@media (max-width:400px) {
    #campagin2026 .c_event .ce_renewevent .cen_list {flex-wrap:wrap;}
    #campagin2026 .c_event .ce_renewevent .cen_list li {flex:initial; width:100%;}
    #campagin2026 .c_event .ce_renewevent .cen_list li p {height:80px;}
    #campagin2026 .c_event .ce_renewevent .cen_list li p span mark {margin:0;}
}




@media (max-width:360px) {
    #campagin2026 .c_event .ce_range li span {width:100%;}
    #resultModal .r_store ul li span {font-size:15px; line-height:20px;}
}