.wrap {box-sizing:border-box; max-width:1040px; width:100%; margin:0 auto; padding:0 20px;} .ismob {display:none !important;} .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {display:none;} :root {--sky:#f2f7fd; --blue:#004ae7; --blue_t1:#002c8a; --blue_t2:#0038af; --blue_t3:#002d8c; --white:#fff; --yellow:#e4fb32; --green:#dbff33; --darkgray:#3f4042; --shadow:0 18px 34px rgba(27, 73, 136, 0.18);} /* color */ .cm {color:var(--blue) !important;} .cs {color:var(--sky) !important;} .cw {color:var(--white) !important;} .cy {color:var(--yellow) !important;} .cg {color:var(--green) !important;} .cd {color:var(--darkgray) !important;} .csb {color:#00a5e5 !important;} #ui-datepicker-div.ui-datepicker {box-sizing:border-box; width:320px; max-width:calc(100vw - 24px); padding:0; border:1px solid #d7e4fb; border-radius:14px; background:var(--white); box-shadow:0 18px 34px rgba(27, 73, 136, 0.18); overflow:hidden;} #ui-datepicker-div .ui-datepicker-header {padding:14px 18px; border:0; border-radius:0; background:linear-gradient(180deg, var(--blue) 0%, var(--blue_t2) 100%); color:var(--white);} #ui-datepicker-div .ui-datepicker-title {margin:0; font-family:"Cafe24SsurroundAir"; font-size:22px; line-height:32px; letter-spacing:-0.5px;} #ui-datepicker-div .ui-datepicker-calendar {width:calc(100% - 24px); margin:12px; border-collapse:separate; border-spacing:0;} #ui-datepicker-div .ui-datepicker-calendar thead th {padding:0 0 10px; font-family:"Cafe24SsurroundAir"; font-size:15px; font-weight:400; color:#7e8da3; line-height:22px;} #ui-datepicker-div .ui-datepicker-calendar tbody td {padding:2px;} #ui-datepicker-div .ui-datepicker-calendar .ui-state-default {display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:38px; height:38px; margin:0 auto; border:0; border-radius:10px; background:none; font-family:"Cafe24SsurroundAir"; font-size:18px; color:var(--darkgray); line-height:24px; text-align:center;} #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover {background:#edf4ff; color:var(--blue);} #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active.ui-state-hover {background:var(--blue); color:var(--white);} #ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight {background:#dfeaff; color:var(--blue);} #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {color:#5d84d9;} #ui-datepicker-div .ui-datepicker-calendar tbody tr td:first-child .ui-state-default {color:#df6f6f;} #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span {display:flex; justify-content:center; align-items:center; width:38px; height:38px; margin:0 auto; font-family:"Cafe24SsurroundAir"; font-size:18px; color:#b7c1cf; line-height:24px; text-align:center;} #ui-datepicker-div .ui-datepicker-buttonpane {display:none;} #campagin2026 .title {display:flex; flex-wrap:wrap; justify-content:center; font-size:60px; line-height:70px; letter-spacing:-5px;} #campagin2026 .title.t1 {font-size:54px; line-height:64px;} #campagin2026 .title > span {display:inline-block; width:100%; text-align:center;} #campagin2026 .title i {font-style:italic;} #campagin2026 .btn {display:flex; justify-content:center; align-items:center; width:100%; max-width:340px; box-sizing:border-box; height:65px; padding-top:2px; border-radius:33px; background-color:var(--blue); font-size:30px; color:var(--white); letter-spacing:-2.5px;} #campagin2026 .btn:hover {text-decoration:underline; text-underline-position:under;} #campagin2026 .btn.t1 {background-color:var(--white); color:var(--blue);} #campagin2026 .btn.middle {height:60px; padding-top:4px; font-size:26px;} #campagin2026 .agreement {display:flex; justify-content:center; align-items:center; box-sizing:border-box; width:100%; height:80px; padding:0 27px; border-radius:5px; background-color:var(--white); } #campagin2026 .agreement + .agreement {margin-top:10px;} #campagin2026 .agreement .agreement-check {display:flex; align-items:center; gap:18px; position:relative; width:100%; cursor:pointer; font-family:"Cafe24SsurroundAir"; font-size:20px; color:var(--darkgray); line-height:36px; letter-spacing:-1px;} #campagin2026 .agreement .agreement-check:hover {text-decoration:underline; text-underline-position:under;} #campagin2026 .agreement .agreement-check i {display:flex; flex-shrink:0; position:relative; box-sizing:border-box; width:36px; height:36px; border:1px solid var(--blue); border-radius:8px; background-color:var(--white);} #campagin2026 .agreement .agreement-check i::before {content:""; position:absolute; left:9px; top:10px; width:15px; height:8px; border-left:3px solid var(--blue); border-bottom:3px solid var(--blue); transform:rotate(-45deg);} #campagin2026 .agreement .agreement-check:has(input:checked) i {background-color:var(--blue);} #campagin2026 .agreement .agreement-check:has(input:checked) i::before {border-left:3px solid var(--white); border-bottom:3px solid var(--white);} #campagin2026 .agreement .agreement-check input {position:absolute; left:0; top:50%; z-index:1; width:36px; height:36px; margin:-18px 0 0; opacity:0 !important; cursor:pointer;} #campagin2026 .agreement .popmore {display:flex; flex-shrink:0; font-family:"Cafe24SsurroundAir"; font-size:18px; color:var(--blue); line-height:36px; text-decoration:underline; text-underline-offset:5px;} #campagin2026 .swiper-button-next, #campagin2026 .swiper-button-prev {width:46px; height:46px; margin-top:-23px; border-radius:50%; background:var(--white); box-shadow:none; color:var(--blue);} #campagin2026 .swiper-button-prev svg, #campagin2026 .swiper-button-next svg{display:none;} #campagin2026 .swiper-button-prev:before, #campagin2026 .swiper-button-prev:after, #campagin2026 .swiper-button-next:before, #campagin2026 .swiper-button-next:after{content:""; display:block; position:absolute; left:50%; top:50%; width:20px; height:6px; border-radius:3px; background:currentColor;} #campagin2026 .swiper-button-prev:before{transform:translate(-10px, -3px) rotate(-45deg); transform-origin:3px 3px;} #campagin2026 .swiper-button-prev:after{transform:translate(-10px, -3px) rotate(45deg); transform-origin:3px 3px;} #campagin2026 .swiper-button-next:before{transform:translate(-10px, -3px) rotate(45deg); transform-origin:17px 3px;} #campagin2026 .swiper-button-next:after{transform:translate(-10px, -3px) rotate(-45deg); transform-origin:17px 3px;} #campagin2026 .swiper-button-next:hover, #campagin2026 .swiper-button-prev:hover {background-color:var(--blue); color:var(--white);} #campagin2026 {font-size:0; line-height:0;} #campagin2026 section {display:inline-block; position:relative; width:100%;} #campagin2026 .c_bgwrap {position:relative; overflow:hidden; background-color:var(--blue);} #campagin2026 .c_bgwrap section {position:relative;} #campagin2026 .c_bgwrap section + section::before {content:""; position:absolute; left:50%; top:0; height:1px; width:100%; max-width:1000px; background-color:var(--blue_t2); transform:translateX(-50%);} #campagin2026 .c_hero {overflow:hidden; min-height:100vh; padding-top:60px; background-image:url("../images/bg_hero.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;} #campagin2026 .c_hero .ch_box {display:flex; flex-wrap:wrap; justify-content:center;} #campagin2026 .c_hero .ch_title {display:flex; position:relative; width:270px; opacity:1 !important;} #campagin2026 .c_hero .ch_title img:first-child {position:absolute; left:0; top:0;} #campagin2026 .c_hero .ch_title img:first-child {clip-path:rect(0 0 100% 0 round 0); transition:0.8s;} #campagin2026 .c_hero .ch_title.aos-animate img:first-child {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_hero img {width:100%; height:auto;} #campagin2026 .c_hero .ch_copy {display:flex; flex-wrap:wrap; align-items:center; width:1200px; margin-top:25px; gap:8px;} #campagin2026 .c_hero .ch_copy i {font-style:italic;} #campagin2026 .c_hero .ch_copy span {display:block; width:100%; color:var(--white); text-align:center; white-space:nowrap; text-shadow:0 0 15px rgba(51,102,204,0.35), 0 0 5px rgba(51,102,204,0.2);} #campagin2026 .c_hero .ch_copy .break-640 {display:none !important;} #campagin2026 .c_hero .ch_copy .nowrap {display:inline; white-space:inherit;} #campagin2026 .c_hero .ch_copy .line-main, #campagin2026 .c_hero .ch_copy .line-sub {font-size:52px; line-height:82px; letter-spacing:-4px;} #campagin2026 .c_hero .ch_copy .line-main mark, #campagin2026 .c_hero .ch_copy .line-sub mark {display:inline-block; margin:0 7px; font-size:74px;} #campagin2026 .c_hero .ch_copy .line-sub mark + mark {margin-left:0;} #campagin2026 .c_hero .ch_pic {display:flex; justify-content:center; flex-wrap:wrap; position:relative; width:100%; margin-top:10px;} #campagin2026 .c_hero .ch_pic .chp_item {display:flex; position:absolute; height:auto; opacity:1 !important;} #campagin2026 .c_hero .ch_pic .chp_item.t1 {left:6%; top:7%; width:32%;} #campagin2026 .c_hero .ch_pic .chp_item.t2 {left:1%; bottom:-5.5%; width:26%;} #campagin2026 .c_hero .ch_pic .chp_item.t3 {right:0; bottom:0; width:31%;} #campagin2026 .c_hero .ch_pic .chp_item .chpi_img {position:absolute; left:0; top:0;} #campagin2026 .c_hero .ch_pic .chp_item .chpi_img.t1 {position:relative;} #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t2 {clip-path:rect(0 0 100% 0 round 0); transition:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t3 {clip-path:rect(0 0 100% 0 round 0); transition:1.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t4, #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t5, #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t6, #campagin2026 .c_hero .ch_pic .chp_item.t1 .chpi_img.t7 {opacity:0; transition:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t2, #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t3 {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t4, #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t5, #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t6, #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t7 {opacity:1; transition-delay:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t5 {animation:heroLineSpring 1.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s infinite;} #campagin2026 .c_hero .ch_pic .chp_item.t1.aos-animate .chpi_img.t6 {animation:heroStarTwinkle 1.4s ease-in-out 0.7s infinite alternate;} #campagin2026 .c_hero .ch_pic .chp_item.t2 .chpi_img.t2 {clip-path:rect(0 0 100% 0 round 0); transition:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t2 .chpi_img.t3 {opacity:0; transition:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t2.aos-animate .chpi_img.t2 {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_hero .ch_pic .chp_item.t2.aos-animate .chpi_img.t3 {opacity:1; transition-delay:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t2 {clip-path:rect(0 0 100% 0 round 0); transition:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t3, #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t4, #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t5, #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t6, #campagin2026 .c_hero .ch_pic .chp_item.t3 .chpi_img.t7 {opacity:0; transition:1s;} #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t2 {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t3, #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t4, #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t5, #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t6, #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t7 {opacity:1; transition-delay:0.5s;} #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t6 {animation:heroStarTwinkle 1.6s ease-in-out 0.95s infinite alternate;} #campagin2026 .c_hero .ch_pic .chp_model {display:flex; position:relative; left:10%; bottom:-1%; width:560px; margin-top:50px; margin-left:-30px;} #campagin2026 .c_hero .ch_pic img {width:100%; height:auto;} #campagin2026 .c_hero .ch_pic > i {position:absolute; left:100%; top:-30%; width:110px; opacity:0; transform:translate3d(-540px, 140px, 0); transform-origin:center; pointer-events:none; will-change:transform, opacity;} #campagin2026 .c_hero .ch_pic > i.aos-animate {animation:heroAirplaneEnter 1.2s cubic-bezier(0.2, 0.86, 0.2, 1) forwards;} #campagin2026 .c_hero .ch_pic > i img {display:block; transform:translateY(0);} #campagin2026 .c_hero .ch_pic > i.aos-animate img {animation:heroAirplaneFloat 3s ease-in-out 1.2s infinite;} @keyframes heroLineSpring { 0%, 100% {transform:scale(1);} 28% {transform:scale(1.02);} 45% {transform:scale(0.995);} 62% {transform:scale(1.01);} } @keyframes heroStarTwinkle { 0% {opacity:0.35;} 45% {opacity:1;} 100% {opacity:0.55;} } @keyframes heroAirplaneEnter { 0% {opacity:0; transform:translate3d(-540px, 140px, 0);} 100% {opacity:1; transform:translate3d(0, 0, 0);} } @keyframes heroAirplaneFloat { 0%, 100% {transform:translateY(0);} 50% {transform:translateY(-12px);} } @media (prefers-reduced-motion:reduce) { #campagin2026 .c_hero .ch_pic .chp_item.aos-animate .chpi_img.t5, #campagin2026 .c_hero .ch_pic .chp_item.aos-animate .chpi_img.t6, #campagin2026 .c_hero .ch_pic .chp_item.t3.aos-animate .chpi_img.t6, #campagin2026 .c_hero .ch_pic > i.aos-animate, #campagin2026 .c_hero .ch_pic > i.aos-animate img {animation:none;} #campagin2026 .c_hero .ch_pic > i.aos-animate {opacity:1; transform:none;} } #campagin2026 .c_event {background-color:var(--blue); margin-top:-75px; padding-bottom:700px;} #campagin2026 .c_event .ce_box {display:flex; flex-wrap:wrap; justify-content:center; padding-top:185px;} #campagin2026 .c_event .ce_title {display:flex; flex-wrap:wrap; position:relative; width:100%; padding-bottom:60px; opacity:1 !important;} #campagin2026 .c_event .ce_title::before {content:""; position:absolute; left:52%; bottom:8%; width:410px; height:60px; margin-left:-205px; background-image:url("../images/deco_airplane.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; clip-path:rect(0 0 100% 0 round 0); transition:0.8s;} #campagin2026 .c_event .ce_title.aos-animate:before {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_event .ce_title span {display:flex; justify-content:center; width:100%; font-size:52px; color:var(--white); line-height:64px; letter-spacing:-2.5px;} #campagin2026 .c_event .ce_pic {display:flex; justify-content:center; width:100%; position:relative; max-width:780px;} #campagin2026 .c_event .ce_pic .cep_item {display:flex; width:100%;} #campagin2026 .c_event .ce_pic .cep_item.t2 {position:absolute; left:0; top:0;} #campagin2026 .c_event .ce_pic .cep_item img {width:100%; height:auto;} #campagin2026 .c_event .ce_range {display:flex; flex-wrap:wrap; gap:13px; width:100%; margin-top:30px; max-width:620px;} #campagin2026 .c_event .ce_range li {display:flex; gap:20px; width:100%; font-size:28px; line-height:46px;} #campagin2026 .c_event .ce_range li strong {display:flex; justify-content:center; align-items:center; width:195px; height:46px; padding-top:2px; background-color:var(--green); color:var(--blue); border-radius:25px; letter-spacing:-1px;} #campagin2026 .c_event .ce_range li span {display:flex; justify-content:center; align-items:center; font-family:"Cafe24SsurroundAir"; color:var(--white); letter-spacing:-1px;} #campagin2026 .c_event .ce_comment {display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; max-width:620px; padding-top:25px;} #campagin2026 .c_event .ce_comment li {display:flex; gap:4px; width:100%; font-family:"Cafe24SsurroundAir"; font-size:17px; color:var(--white); line-height:24px; letter-spacing:-0.3px; word-break:keep-all;} #campagin2026 .c_event .ce_comment li + li {margin-top:8px;} #campagin2026 .c_event .ce_comment li i {display:flex; flex-shrink:0; font-style:normal;} #campagin2026 .c_reward {position:relative; overflow:hidden; margin-top:-650px; padding-top:180px; padding-bottom:140px;} #campagin2026 .c_reward::before {content:""; position:absolute; left:0; top:0; z-index:1; width:100%; background-image:url("../images/deco_cloude.png"); background-repeat:no-repeat; background-position:center; background-size:cover; aspect-ratio:3840/1292;} #campagin2026 .c_reward::after {content:""; position:absolute; left:0; top:500px; right:0; bottom:0; z-index:0; background-color:#ecf4fc;} #campagin2026 .c_reward > * {position:relative; z-index:1;} #campagin2026 .c_reward .cr_wrap {display:inline-block; width:100%;} #campagin2026 .c_reward .cr_box {display:flex; flex-wrap:wrap; justify-content:center; padding-top:90px;} #campagin2026 .c_reward .cr_title {display:flex; width:200px; margin-bottom:30px;} #campagin2026 .c_reward .cr_title img {width:100%; height:auto;} #campagin2026 .c_reward .cr_receipt {box-sizing:border-box; width:100%; min-width:0;} #campagin2026 .c_reward .cr_receipt .crr_step {display:flex; width:100%; min-width:0; margin-top:60px; margin-bottom:50px;} #campagin2026 .c_reward .cr_receipt .crr_step li {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; position:relative; flex-shrink:0; min-width:0; width:30%;} #campagin2026 .c_reward .cr_receipt .crr_step li:nth-child(2) {width:40%;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {content:""; position:absolute; left:-4px; top:50%; width:8px; height:150px; margin-top:-75px; background-image:url("../images/deco_step.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_reward .cr_receipt .crr_step li strong {display:flex; justify-content:center; align-items:center; width:130px; background-color:var(--green); color:var(--blue); border-radius:25px; font-size:20px; line-height:46px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {display:flex;flex-wrap:wrap; justify-content:center; align-items:center; width:100%; min-width:0; max-width:100%; margin-top:20px; font-family:"Cafe24SsurroundAir"; font-size:26px; color:var(--darkgray); line-height:40px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_step li p span {display:flex; justify-content:center; width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content {display:flex; position:relative; flex-wrap:wrap; justify-content:center; box-sizing:border-box; width:100%; padding:90px 70px; padding-bottom:55px; margin-top:130px; background-color:var(--white); opacity:1 !important;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 {margin-top:110px; padding-bottom:0;} #campagin2026 .c_reward .cr_receipt .crr_content .crrc_deco {position:absolute; left:0; top:0; width:1%; height:2px; background-color:var(--blue); transition:1s;} #campagin2026 .c_reward .cr_receipt .crr_content.aos-animate .crrc_deco {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content .crrc_deco::before {content:""; position:absolute; right:0; top:50%; width:60px; height:60px; margin-top:-30px; background-image:url("../images/icon_airplane.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_reward .cr_receipt .crr_content > strong {display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:-30px; box-sizing:border-box; width:240px; height:60px; padding-top:6px; margin-left:-120px; background-color:var(--blue); color:var(--white); border-radius:30px; font-size:28px; line-height:60px; letter-spacing:4px;} #campagin2026 .c_reward .cr_receipt .crr_content > p {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; font-size:30px; color:var(--darkgray); line-height:40px; letter-spacing:-2.5px;} #campagin2026 .c_reward .cr_receipt .crr_content > mark {display:inline-block; position:relative; margin-top:10px; font-size:54px; color:var(--blue); line-height:64px; letter-spacing:-3px;} #campagin2026 .c_reward .cr_receipt .crr_content > mark::before {content:""; position:absolute; left:0; right:0; bottom:3px; z-index:-1; height:18px; background-color:var(--green);} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list {display:flex; width:100%; gap:20px; margin-top:45px;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li {display:flex; flex-wrap:wrap; box-sizing:border-box; min-width:0; width:calc(33.333% - 13.34px);} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_box {display:flex; flex-wrap:wrap; width:100%; min-width:0;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic {display:flex; position:relative; overflow:hidden; width:100%; border-radius:5px; cursor:pointer;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic > img {width:100%; height:auto;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic > i {display:flex; justify-content:center; align-items:center; position:absolute; top:20px; right:20px; width:42px; height:42px; background-color:var(--white); border-radius:50%; transition:0.3s;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic:hover > i {transform:rotate(90deg);} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic > i i {display:inline-block; position:relative; width:28px; height:28px; color:var(--blue);} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic > i i::before {content:""; position:absolute; left:0; right:0; top:50%; height:4px; margin-top:-2px; border-radius:2px; background-color:currentColor;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic > i i::after {content:""; position:absolute; left:0; right:0; top:50%; height:4px; margin-top:-2px; border-radius:2px; background-color:currentColor; transform:rotate(90deg);} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li p {display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px; font-size:24px; color:var(--darkgray); line-height:38px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li p span {display:flex; justify-content:center; width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li p strong {display:flex; justify-content:center; width:100%; font-size:34px; color:var(--blue);} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward {display:flex; gap:20px; flex-wrap:wrap; width:calc(100% + 20px); margin-left:-10px; margin-top:65px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li {display:flex; position:relative; overflow:hidden; width:100%; border-radius:5px; background-color:var(--sky);} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 {margin-top:-10px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box {display:flex; align-content:center; justify-content:center; align-items:center; flex-wrap:wrap; width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box + .crrc_box {position:relative;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box + .crrc_box::before {content:""; position:absolute; left:-2px; top:50%; width:4px; height:110px; margin-top:-55px; background-color:var(--white);} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_box {height:320px; gap:20px; background-image:url("../images/bg_event02.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 .crrc_box {height:240px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t3 .crrc_box {height:180px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_box {height:180px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_pic {position:absolute; top:0; bottom:0; width:33.333%; background-repeat:no-repeat; background-size:cover; background-position:center;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_pic.t1 {left:0; background-image:url("../images/pic_thumb01.jpg");} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_pic.t2 {left:0; left:33.333%; background-image:url("../images/pic_thumb02.jpg");} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_pic.t3 {right:0; background-image:url("../images/pic_thumb03.jpg");} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p {display:inline-block; justify-content:center; width:100%; font-size:28px; color:var(--darkgray); line-height:46px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {flex-wrap:wrap; font-size:36px; line-height:40px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span {display:flex; justify-content:center; width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 > span:nth-child(3) {line-height:32px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 mark {position:relative; top:-7px; font-size:39px; margin-left:5px; font-weight:600; font-family:'Gotham', sans-serif;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 p mark {font-size:36px; line-height:46px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_box > mark {display:flex; justify-content:center; width:100%; margin-top:10px; font-size:44px; color:var(--blue_t2); line-height:60px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 .crrc_box > strong {font-size:55px; line-height:60px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box > span {display:flex; justify-content:center; width:100%; margin-bottom:-8px; font-size:26px; line-height:36px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t3 .crrc_box > span {font-size:24px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li strong {display:flex; position:relative; justify-content:center; font-size:45px; font-weight:700; line-height:55px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 strong, #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t3 strong {font-family:'Gotham', sans-serif;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li strong span {margin-top:2px; font-family:'Cafe24Ssurround'; font-size:36px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 strong {background:linear-gradient(-75deg, #0f3fbf, #1e5bff); -webkit-background-clip: text; -webkit-text-fill-color:transparent; font-size:85px; line-height:95px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 strong::before {content:""; position:absolute; left:-105px; top:-50px; width:75px; height:136px; background-image:url("../images/deco_money01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 strong::after {content:""; position:absolute; right:-105px; top:-50px; width:75px; height:136px; background-image:url("../images/deco_money02.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 strong span {font-size:67px;} #campagin2026 .c_reward .cr_receipt .crr_content .crrc_model {display:flex; position:relative; left:4%; top:1px; width:500px; margin-top:45px;} #campagin2026 .c_reward .cr_receipt .crr_content .crrc_model img {width:100%; height:auto;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward {box-sizing:border-box; width:100%; margin-left:0;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li .crrc_box {box-sizing:border-box; min-width:0;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong {max-width:100%; text-align:center; word-break:keep-all; overflow-wrap:break-word;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p mark {color:var(--blue);} #campagin2026 .c_reward .cr_receipt .crr_comment {display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; padding-left:15px; padding-top:15px;} #campagin2026 .c_reward .cr_receipt .crr_comment li {display:flex; gap:4px; width:100%; font-family:"Cafe24SsurroundAir"; font-size:17px; color:var(--darkgray); line-height:24px; letter-spacing:-0.3px; word-break:keep-all;} #campagin2026 .c_participate {padding-top:100px; padding-bottom:130px; background-image:url("../images/bg_participate.jpg"); background-repeat:no-repeat; background-position:bottom; background-size:cover;} #campagin2026 .c_participate .cp_wrap {display:flex; gap:15px; justify-content:center; flex-wrap:wrap; width:100%;} #campagin2026 .c_participate .cp_title {display:flex; justify-content:center; flex-wrap:wrap; gap:20px; width:100%;} #campagin2026 .c_participate .cp_title .cpt_pic {display:flex; width:180px;} #campagin2026 .c_participate .cp_title .cpt_pic > img {width:100%; height:auto;} #campagin2026 .c_participate .cp_title .title {width:100%;} #campagin2026 .c_participate .cp_area {display:flex; align-content:center; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; padding-top:50px; padding-bottom:60px; border-radius:10px; border:var(--white) solid 1px; background-color:var(--sky);} #campagin2026 .c_participate .cp_area.t1 {margin-top:25px;} #campagin2026 .c_participate .cp_box {display:flex; align-content:center; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; max-width:560px;} #campagin2026 .c_participate .cp_title {font-size:30px; color:var(--blue); line-height:40px; letter-spacing:-0.5px;} #campagin2026 .c_participate .cp_txt {display:flex;flex-wrap:wrap; justify-content:center; align-items:center; width:100%; margin-top:5px; margin-bottom:35px; font-family:"Cafe24SsurroundAir"; font-size:22px; color:var(--darkgray); line-height:35px; word-break:keep-all; text-align:center;} #campagin2026 .c_participate .cp_info {display:flex; gap:10px; flex-wrap:wrap; width:100%;} #campagin2026 .c_participate .cp_info li {display:flex; gap:10px; width:100%;} #campagin2026 .c_participate .cp_info li label {display:flex; flex-shrink:0; justify-content:center; align-items:center; width:150px; height:60px; border-radius:5px; background-color:var(--blue); border-radius:5px; font-size:24px; color:var(--white); letter-spacing:-0.5px;} #campagin2026 .c_participate .cp_info li .cpi_box {display:inline-block; position:relative; width:100%;} #campagin2026 .c_participate .cp_info input, #campagin2026 .c_participate .cp_info select, #campagin2026 .c_participate .cp_info #fileLabel {display:flex; align-items:center; box-sizing:border-box; width:100%; height:60px; border:0; border-radius:5px; outline:0; background:var(--white); font-family:"Cafe24SsurroundAir"; color:var(--darkgray); font-size:22px; line-height:60px; padding:0 20px;} #campagin2026 .c_participate .cp_info .cpi_date {position:relative;} #campagin2026 .c_participate .cp_info #purchaseDateInput {display:flex; width:100%; min-width:0; padding-right:52px; cursor:pointer;} #campagin2026 .c_participate .cp_info #purchaseDatePicker {position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; pointer-events:none;} #campagin2026 .c_participate .cp_info .cpi_date::after {content:""; position:absolute; right:15px; top:50%; width:28px; height:28px; margin-top:-14px; background-image:url("../images/icon_cal.png"); background-repeat:no-repeat; background-position:center; background-size:100% 100%; pointer-events:none;} #campagin2026 .c_participate .cp_info #fileLabel {padding-right:40px;} #campagin2026 .c_participate .cp_info .cpi_select i {position:absolute; right:20px; top:50%; width:20px; height:15px; margin-top:-8px; background-image:url("../images/icon_arrow.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_participate .cp_info #fileLabel i {position:absolute; right:20px; top:50%; width:24px; height:24px; margin-top:-12px; background-image:url("../images/icon_download.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_participate .cp_info #fileLabel strong {display:-webkit-box; height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;} #campagin2026 .c_participate .cp_info #fileLabel + input {position:absolute; left:0; top:0; opacity:0;} #campagin2026 .c_participate .cp_info input::placeholder {color:#98a8bb;} #campagin2026 .c_participate .cp_info select.is-empty, #campagin2026 .c_participate .cp_info #fileLabel.is-empty {color:#9cabbd;} #campagin2026 .c_participate .cp_actions {display:flex; gap:16px; width:100%; margin-top:30px;} #campagin2026 .c_participate .cp_over {display:block; width:100%; margin:14px 0 0; font-family:"Cafe24SsurroundAir"; color:var(--darkgray); font-size:18px; line-height:28px; letter-spacing:-0.5px; text-align:center; word-break:keep-all;} #campagin2026 .c_participate .cp_area.t3 .cp_over {display:flex; gap:3px; text-align:left;} #campagin2026 .c_participate .cp_area.t1, #campagin2026 .c_participate .cp_area.t2, #campagin2026 .c_participate .cp_area.t3, #campagin2026 .c_participate .cp_area.t1 .cp_box, #campagin2026 .c_participate .cp_area.t2 .cp_box, #campagin2026 .c_participate .cp_area.t3 .cp_box, #campagin2026 .c_participate .cp_area.t2 .cp_info li, #campagin2026 .c_participate .cp_area.t2 .cp_info li .cpi_box, #campagin2026 .c_participate .cp_area.t3 .agreement, #campagin2026 .c_participate .cp_area.t3 .agreement-check, #campagin2026 .c_participate .cp_area.t3 .cp_over, #campagin2026 .c_participate .cp_area.t3 .cp_actions, #campagin2026 .c_participate .cp_area.t3 .cp_actions .btn {box-sizing:border-box; min-width:0;} #campagin2026 .c_participate .cp_wrap > .cp_title, #campagin2026 .c_participate .cp_area.t1 .cp_title, #campagin2026 .c_participate .cp_area.t2 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_over, #campagin2026 .c_participate .cp_area.t3 .agreement-check span {word-break:keep-all;} #campagin2026 .c_participate .cp_area.t3 .agreement-check span {display:block; min-width:0;} #campagin2026 .c_participate .cp_area.t2 .cp_info input, #campagin2026 .c_participate .cp_area.t2 .cp_info select, #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {min-width:0;} #campagin2026 .c_rank, #campagin2026 .c_more {padding-top:80px; padding-bottom:90px;} #campagin2026 .c_rank .cr_box {display:flex; flex-wrap:wrap; justify-content:center; padding-top:70px;} #campagin2026 .c_rank .cr_title {display:flex; justify-content:center; width:100%;} #campagin2026 .c_rank .cr_title h2 {display:flex; justify-content:center; flex-wrap:wrap; width:100%;} #campagin2026 .c_rank .cr_title h2 span {position:relative; width:100%; font-size:23px; color:var(--white); line-height:33px; letter-spacing:8px; text-align:center;} #campagin2026 .c_rank .cr_title h2 strong {position:relative; margin-top:15px;} #campagin2026 .c_rank .cr_title h2 strong::before {content:""; position:absolute; left:-100px; top:-54px; width:65px; background-image:url("../images/deco_state01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; aspect-ratio:130/263;} #campagin2026 .c_rank .cr_title h2 strong::after {content:""; position:absolute; right:-100px; top:-54px; width:65px; background-image:url("../images/deco_state02.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; aspect-ratio:130/263;} #campagin2026 .c_rank .cr_area {position:relative; display:flex; flex-wrap:wrap; position:relative; width:100%; margin-top:100px;} #campagin2026 .c_rank .cr_area + .cr_area {margin-top:80px;} #campagin2026 .c_rank .cr_area::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; border-radius:10px; background-color:var(--blue_t1); opacity:0.6;} #campagin2026 .c_rank .cr_area.t1 {padding-top:60px; padding-bottom:40px;} #campagin2026 .c_rank .cr_area.t2 {padding:0 110px; padding-top:55px; padding-bottom:25px;} #campagin2026 .c_rank .cr_area > * {position:relative; z-index:1;} #campagin2026 .c_rank .cr_area > mark {display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:-30px; width:268px; box-sizing:border-box; height:60px; padding-top:4px; margin-left:-134px; background-color:var(--white); color:var(--blue); border-radius:30px; font-size:28px; line-height:60px; letter-spacing:-2.5px;} #campagin2026 .c_rank .cr_area > strong {display:flex; align-items:flex-start; justify-content:center; width:100%; height:auto; padding-left:10px !important; padding-right:10px !important; font-family:'Gotham', sans-serif; font-weight:700; font-size:80px; line-height:90px; color:#d2ff00; word-break:break-all !important;} #campagin2026 .c_rank .cr_area > strong > mark {position:relative; margin-right:10px; color:#d2ff00; font-size:53px;} #campagin2026 .c_rank .cr_list {display:flex; flex-wrap:wrap; width:100%;} #campagin2026 .c_rank .cr_list li {display:flex; gap:70px; align-items:center; position:relative; box-sizing:border-box; width:100%; padding-left:17px; padding-top:16px; padding-bottom:11px;} #campagin2026 .c_rank .cr_list li::before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#4870c6;} #campagin2026 .c_rank .cr_list li:last-child:before {display:none;} #campagin2026 .c_rank .cr_list li i.rank {display:flex; justify-content:center; width:42px; height:42px; font-size:20px; color:var(--white); line-height:36px;} #campagin2026 .c_rank .cr_list li:nth-child(1) i.rank {background-image:url("../images/icon_rank01.png"); font-size:0; line-height:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_rank .cr_list li:nth-child(2) i.rank {background-image:url("../images/icon_rank02.png"); font-size:0; line-height:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_rank .cr_list li:nth-child(3) i.rank {background-image:url("../images/icon_rank03.png"); font-size:0; line-height:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_rank .cr_list li i.user {display:flex; justify-content:center; width:36px; height:36px; background-image:url("../images/icon_user.png"); font-size:0; line-height:0; background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_rank .cr_list li p {display:flex; gap:20px; font-size:30px; color:var(--white); line-height:42px;} #campagin2026 .c_rank .cr_list li mark {display:flex; position:relative; top:2px; margin-left:auto; padding-right:15px; font-family:"Cafe24SsurroundAir"; font-size:24px; color:var(--white); line-height:42px;} #campagin2026 .c_rank .cr_comment {display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; padding-left:15px; padding-top:15px;} #campagin2026 .c_rank .cr_comment li {display:flex; gap:4px; width:100%; font-family:"Cafe24SsurroundAir"; font-size:17px; color:var(--white); line-height:24px; letter-spacing:-0.3px; word-break:keep-all;} #campagin2026 .c_rank .cr_box, #campagin2026 .c_rank .cr_area, #campagin2026 .c_rank .cr_list, #campagin2026 .c_rank .cr_list li, #campagin2026 .c_rank .cr_list li p, #campagin2026 .c_rank .cr_list li mark {box-sizing:border-box; min-width:0;} #campagin2026 .c_rank .cr_title h2 strong, #campagin2026 .c_rank .cr_area > mark, #campagin2026 .c_rank .cr_area > strong, #campagin2026 .c_rank .cr_list li p span, #campagin2026 .c_rank .cr_list li mark {word-break:keep-all;} #campagin2026 .c_rank .cr_list li i.rank, #campagin2026 .c_rank .cr_list li i.user, #campagin2026 .c_rank .cr_list li mark {flex-shrink:0;} #campagin2026 .c_rank .cr_list li i.rank {align-items:center;} #campagin2026 .c_rank .cr_list li p {align-items:center;} #campagin2026 .c_rank .cr_list li p span, #campagin2026 .c_rank .cr_list li mark {display:block;} #campagin2026 .c_more .cm_swiper{overflow:hidden; position:relative; box-sizing:border-box; width:100%; height:auto; margin-top:45px; padding-top:45px; padding-bottom:40px; border-radius:10px; background-color:var(--blue_t2);} #campagin2026 .c_more .swiper-wrapper, #campagin2026 .c_youtube .swiper-wrapper{align-items:stretch; height:auto !important;} #campagin2026 .c_more .cm_swiper.swiper-autoheight .swiper-wrapper {align-items:flex-start;} #campagin2026 .c_more .cm_swiper.swiper-autoheight .swiper-wrapper {transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);} #campagin2026 .c_more .cmw_box, #campagin2026 .c_youtube .cmy_box{flex-shrink:0; box-sizing:border-box; width:100%;} #campagin2026 .c_more .cm_swiper.swiper-autoheight .cmw_box {height:auto;} #campagin2026 .c_more .cmw_box{display:flex; justify-content:center; align-items:flex-start; align-content:flex-start; flex-wrap:wrap; position:relative; gap:50px; justify-items:center; align-items:center; overflow:hidden; box-sizing:border-box; padding:0 20px; text-align:center;} #campagin2026 .c_more .cmw_pic{display:flex; justify-content:center; align-items:center; width:100%; height:320px;} #campagin2026 .c_more .cmw_pic img {display:block; width:auto; height:auto; max-width:690px; max-height:100%;} #campagin2026 .c_more .cmw_txt strong {display:block; margin-bottom:20px; color:var(--green); font-size:42px; line-height:44px; letter-spacing:-2px;} #campagin2026 .c_more .cmw_txt p {margin:0; font-family:"Cafe24SsurroundAir"; color:var(--white); font-size:21px; line-height:36px; letter-spacing: -0.5px;} #campagin2026 .c_more .cmw_txt span {display:inline-block; align-items:center; justify-content:center; gap:10px; width:100%;} #campagin2026 .c_more .cmw_txt p i {display:inline-block; position:relative; top:4px; width:20px; height:20px; background-image:url("../images/icon_check_w.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;} #campagin2026 .c_more .swiper-button-prev{left:50px;} #campagin2026 .c_more .swiper-button-next{right:50px;} #campagin2026 .c_more .swiper-pagination{position:static; display:flex; justify-content:center; gap:14px; margin-top:38px; line-height:0;} #campagin2026 .c_more .swiper-pagination-bullet{width:10px; height:10px; margin:0 !important; opacity:1; background:var(--blue);} #campagin2026 .c_more .swiper-pagination-bullet:hover, #campagin2026 .c_more .swiper-pagination-bullet-active{background:var(--white);} #campagin2026 .c_more .cm_wrap, #campagin2026 .c_more .cm_swiper, #campagin2026 .c_more .cmw_box, #campagin2026 .c_more .cmw_pic, #campagin2026 .c_more .cmw_pic img, #campagin2026 .c_more .cmw_txt, #campagin2026 .c_more .cmw_txt p, #campagin2026 .c_more .cmw_txt span {box-sizing:border-box; min-width:0;} #campagin2026 .c_more .cmw_pic img {max-width:100%;} #campagin2026 .c_more .cmw_txt {width:100%; max-width:900px; overflow:hidden;} #campagin2026 .c_more .cmw_txt strong, #campagin2026 .c_more .cmw_txt p, #campagin2026 .c_more .cmw_txt span {word-break:keep-all;} #campagin2026 .c_youtube {padding-top:250px;} #campagin2026 .c_youtube .cy_wrap {display:flex; position:relative; width:100%; padding-bottom:200px;} #campagin2026 .c_youtube .cy_box {display:flex; flex-wrap:wrap; box-sizing:border-box; max-width:760px; width:100%;} #campagin2026 .c_youtube .cy_title {padding:0 50px;} #campagin2026 .c_youtube .cy_title i {font-style: italic;} #campagin2026 .c_youtube .cy_title mark {font-size:30px; line-height:40px;} #campagin2026 .c_youtube .cy_title .title.t1 {display:inline-block !important;} #campagin2026 .c_youtube .cy_title .title.t1 > span {text-align:left} #campagin2026 .c_youtube iframe {display:block; box-sizing:border-box; width:100%; aspect-ratio:16 / 9; border:0; background-color:#000;} #campagin2026 .c_youtube .cy_swiper {position:relative; box-sizing:border-box; margin-top:45px; width:100%; padding:0 50px;} #campagin2026 .c_youtube .cys_wrap{overflow:hidden; width:100%; border-radius:13px; border:var(--white) solid 2px;} #campagin2026 .c_youtube .cys_box{box-sizing:border-box; width:100%;} #campagin2026 .c_youtube .cys_wrap.comingsoon .swiper-wrapper {justify-content:center;} #campagin2026 .c_youtube .cys_wrap.comingsoon .cys_box {display:flex; justify-content:center; align-items:center;} #campagin2026 .c_youtube .cys_wrap.comingsoon .cys_box span {display:flex; justify-content:center; align-items:center; position:static; left:auto; bottom:auto; box-sizing:border-box; width:100%; max-width:none; aspect-ratio:16 / 9; margin:0; padding:24px; background-color:#001e65; font-family:"Cafe24Ssurround"; font-size:clamp(24px, 4vw, 36px); font-weight:700; line-height:1.2; color:var(--white); text-align:center; letter-spacing:-0.6px;} #campagin2026 .c_youtube .cy_swiper span{position:absolute; left:50px; bottom:-55px; display:block; font-family:"Cafe24SsurroundAir"; color:var(--white); font-size:24px; line-height:34px; text-align:center; text-align:left;} #campagin2026 .c_youtube .cy_swiper .swiper-pagination {display:none !important;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next{background-color:transparent; color:var(--white);} #campagin2026 .c_youtube .cy_swiper .swiper-button-prev {background-color:transparent; color:var(--white);} #campagin2026 .c_youtube .cy_swiper .swiper-button-next:before {transform:translate(0, -3px) rotate(45deg);} #campagin2026 .c_youtube .cy_swiper .swiper-button-next:after {transform:translate(0, -3px) rotate(-45deg);} #campagin2026 .c_youtube .cy_swiper .swiper-button-prev:before {transform:translate(0, -3px) rotate(-45deg)} #campagin2026 .c_youtube .cy_swiper .swiper-button-prev:after {transform:translate(0, -3px) rotate(45deg)} #campagin2026 .c_youtube .cy_swiper .swiper-button-prev:before, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev:after {left:0;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next:before, #campagin2026 .c_youtube .cy_swiper .swiper-button-next:after {left:auto; right:0;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next:hover, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev:hover {background-color:transparent; color:var(--green);} #campagin2026 .c_youtube .cy_model {display:flex; position:absolute; right:-170px; bottom:0; width:630px;} #campagin2026 .c_youtube .cy_model .chm_txt {position:absolute; left:0; top:0; width:100%; opacity:1 !important; clip-path:rect(0 0 100% 0 round 0); transition:2s;} #campagin2026 .c_youtube .cy_model .chm_txt.aos-animate {clip-path:rect(0 100% 100% 0 round 0);} #campagin2026 .c_youtube .cy_model img {width:100%; height:auto;} #campagin2026 .c_youtube, #campagin2026 .c_youtube .cy_wrap, #campagin2026 .c_youtube .cy_box, #campagin2026 .c_youtube .cy_title, #campagin2026 .c_youtube .cy_swiper, #campagin2026 .c_youtube .cys_wrap, #campagin2026 .c_youtube .cys_box, #campagin2026 .c_youtube .cy_model {box-sizing:border-box; min-width:0;} #campagin2026 .c_youtube .cy_title, #campagin2026 .c_youtube .cy_title .title.t1 {width:100%;} #campagin2026 .c_youtube .cy_title mark, #campagin2026 .c_youtube .cy_title .title.t1, #campagin2026 .c_youtube .cy_swiper span {word-break:keep-all;} #campagin2026 .c_youtube .cy_swiper span {box-sizing:border-box; max-width:calc(100% - 100px);} #campagin2026 .c_youtube .cy_model {pointer-events:none;} #campagin2026 .c_notice{padding-top:60px; padding-bottom:60px; background-color:var(--blue_t3);} #campagin2026 .c_notice .cn_txt + .cn_txt {margin-top:24px;} #campagin2026 .c_notice .cn_txt strong{display:block; margin-bottom:14px; color:var(--white); font-size:20px; line-height:28px;} #campagin2026 .c_notice .cn_txt .cn_desc{display:block;} #campagin2026 .c_notice .cn_txt .cn_desc + .cn_desc{margin-top:8px;} #campagin2026 .c_notice .cn_txt span, #campagin2026 .c_notice .cn_txt li, #campagin2026 .c_notice .cn_txt a{position:relative; font-family:"Cafe24SsurroundAir"; color:#ecf4fc; font-size:14px; line-height:24px; letter-spacing:0.5px; text-decoration:none; word-break:keep-all;} #campagin2026 .c_notice .cn_txt a:hover {text-decoration:underline; text-underline-position:under;} #campagin2026 .c_notice .cn_txt span {display:inline-block;} #campagin2026 .c_notice .cn_txt ul{margin:0;} #campagin2026 .c_notice .cn_txt li {box-sizing:border-box; padding-left:12px;} #campagin2026 .c_notice .cn_txt li::before {content:"-"; position:absolute; left:0; top:0;} #campagin2026 .c_notice .cn_copyright{margin:24px 0 0; text-align:center; color:rgba(255, 255, 255, 0.54); font-size:13px;} /* c_nav: c_hero 이후 뷰포트 하단 기준 sticky */ #campagin2026 .c_nav {position:sticky; top:calc(100vh - 75px); top:calc(100dvh - 75px); z-index:100; width:100%; background-color:transparent;} #campagin2026 .c_nav .wrap {max-width:1000px; padding:0;} #campagin2026 .c_nav ul {display:flex; width:100%; background-color:var(--white);} #campagin2026 .c_nav li {flex:1 1 0; display:flex;} #campagin2026 .c_nav li:first-child {border-right:1px solid var(--blue);} #campagin2026 .c_nav li:last-child {border-left:1px solid var(--blue);} #campagin2026 .c_nav button {width:100%; height:75px; padding:0; border:0; background-color:var(--white); font-size:30px; line-height:75px; color:var(--blue); font-weight:700; cursor:pointer; letter-spacing:-0.5px; transition:background-color 0.25s ease, color 0.25s ease;} #campagin2026 .c_nav button.active {background-color:var(--blue); color:var(--white);} /* footer */ #footer {display:flex; width:100%; padding:40px 0 calc(40px + 75px); background-color:#ecf4fc;} #footer .f_wrap {display:flex; flex-wrap:wrap; align-items:flex-start; gap:15px;} #footer strong {display:flex; width:100%; font-size:22px; line-height:26px;} #footer ul {display:flex; flex-wrap:wrap; column-gap:20px; font-size:14px; color:#555; line-height:26px;} #footer ul li {display:inline-block; font-family:"Cafe24SsurroundAir"; word-break:keep-all;} #footer ul li:last-child {width:100%;} #footer ul li a:hover {text-decoration:underline; text-underline-position:under;} @media (min-width:768px) { #campagin2026 .c_nav button:hover, #campagin2026 .c_nav button.active {background-color:var(--blue); color:var(--white);} } @media (max-width:1920px) { #campagin2026 .c_reward::before {left:50%; width:1920px; margin-left:-960px;} } @media (max-width:1280px) { #campagin2026 .c_hero .ch_copy .line-main, #campagin2026 .c_hero .ch_copy .line-sub {font-size:40px; line-height:62px; letter-spacing:-3px;} #campagin2026 .c_hero .ch_copy .line-main mark, #campagin2026 .c_hero .ch_copy .line-sub mark {font-size:58px;} } @media (max-width:1024px) { #campagin2026 .c_hero {min-height:500px;} #campagin2026 .c_hero .ch_title {width:240px;} #campagin2026 .c_hero .ch_copy .line-main, #campagin2026 .c_hero .ch_copy .line-sub {font-size:32px; line-height:52px; letter-spacing:-2px;} #campagin2026 .c_hero .ch_copy .line-main mark, #campagin2026 .c_hero .ch_copy .line-sub mark {font-size:45px;} #campagin2026 .c_hero .ch_pic .chp_model {left:11%; width:500px;} #campagin2026 .c_hero .ch_pic > i {left:94%; top:-22%; width:90px;} #campagin2026 .c_hero .ch_pic .chp_item.t1 {left:3%; top:7%; width:34%;} #campagin2026 .c_hero .ch_pic .chp_item.t2 {left:0; bottom:-5%; width:28%;} #campagin2026 .c_hero .ch_pic .chp_item.t3 {bottom:1%; width:33%;} #campagin2026 .c_nav {top:calc(100vh - 64px); top:calc(100dvh - 64px);} #campagin2026 .c_nav button {height:64px; font-size:26px; line-height:64px;} #campagin2026 .c_event {margin-top:-64px;} #campagin2026 .c_event .ce_box {padding-top:165px;} #campagin2026 .c_event .ce_title {padding-bottom:54px;} #campagin2026 .c_event .ce_title::before {width:360px; height:53px; margin-left:-180px;} #campagin2026 .c_event .ce_title span {font-size:46px; line-height:58px;} #campagin2026 .c_event .ce_pic {max-width:700px;} #campagin2026 .c_event .ce_range {max-width:580px; margin-top:28px;} #campagin2026 .c_event .ce_range li {gap:18px; font-size:25px; line-height:42px;} #campagin2026 .c_event .ce_range li strong {width:180px; height:42px;} #campagin2026 .c_event .ce_comment {max-width:580px; padding-top:14px;} #campagin2026 .c_event .ce_comment li {font-size:16px; line-height:24px;} #campagin2026 .c_reward .cr_title {width:180px; margin-bottom:28px;} #campagin2026 .c_reward .cr_receipt .crr_txt {font-size:48px; line-height:58px; letter-spacing:-3px;} #campagin2026 .c_reward .cr_receipt .crr_step {margin-top:50px; margin-bottom:45px;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {height:128px; margin-top:-64px;} #campagin2026 .c_reward .cr_receipt .crr_step li strong {width:116px; font-size:18px; line-height:40px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {margin-top:18px; font-size:23px; line-height:36px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 {padding:78px 48px 48px; margin-top:110px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 .crrc_deco::before {width:54px; height:54px; margin-top:-27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > strong {width:210px; height:52px; margin-left:-105px; top:-26px; font-size:24px; line-height:52px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > p {font-size:27px; line-height:36px; letter-spacing:-1.8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark {margin-top:9px; font-size:46px; line-height:56px; letter-spacing:-2.4px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark::before {bottom:3px; height:16px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list {gap:16px; margin-top:38px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li {width:calc(33.333% - 10.67px);} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i {top:16px; right:16px; width:38px; height:38px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i {width:24px; height:24px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p {margin-top:16px; font-size:20px; line-height:30px; letter-spacing:-0.8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p span {white-space:nowrap;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p strong {font-size:24px; line-height:30px; letter-spacing:-1px; white-space:nowrap;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 {padding:78px 48px 0; margin-top:96px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_deco::before {width:54px; height:54px; margin-top:-27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > strong {width:210px; height:52px; margin-left:-105px; top:-26px; font-size:24px; line-height:52px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > p {max-width:720px; text-align:center; font-size:27px; line-height:36px; letter-spacing:-1.8px; word-break:keep-all;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark {margin-top:9px; font-size:46px; line-height:56px; letter-spacing:-2.4px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark::before {bottom:3px; height:16px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward {gap:22px; margin-top:52px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:250px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:210px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t3 .crrc_box, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t4 .crrc_box {height:160px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p {font-size:25px; line-height:40px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 p mark {font-size:32px; line-height:40px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > mark {font-size:38px; line-height:50px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong {font-size:38px; line-height:48px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > strong {font-size:48px; line-height:54px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {font-size:72px; line-height:82px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong span {font-size:30px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong span {font-size:54px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::before {left:-82px; top:-42px; width:58px; height:105px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::after {right:-82px; top:-42px; width:58px; height:105px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_model {left:3%; width:440px; margin-top:38px;} #campagin2026 .c_reward .cr_receipt .crr_comment {padding-top:14px; padding-left:10px;} #campagin2026 .c_reward .cr_receipt .crr_comment li {font-size:16px; line-height:24px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 mark {top:-6px; font-size:36px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {gap:14px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:30px; line-height:35px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box > span {font-size:23px; line-height:33px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t3 .crrc_box > span {font-size:21px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 > span:nth-child(3) {line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span > span.cy {position:relative;top:-2px;} #campagin2026 .c_participate .cp_wrap > .cp_title {gap:18px;} #campagin2026 .c_participate .cp_title .cpt_pic {width:160px;} #campagin2026 .c_participate .cp_wrap > .cp_title .title {font-size:52px; line-height:62px; letter-spacing:-3px;} #campagin2026 .c_participate .cp_area.t1, #campagin2026 .c_participate .cp_area.t2, #campagin2026 .c_participate .cp_area.t3 {padding:44px 44px 54px;} #campagin2026 .c_participate .cp_area.t1 {margin-top:24px;} #campagin2026 .c_participate .cp_area.t1 .cp_box, #campagin2026 .c_participate .cp_area.t2 .cp_box, #campagin2026 .c_participate .cp_area.t3 .cp_box {max-width:520px;} #campagin2026 .c_participate .cp_area.t1 .cp_title, #campagin2026 .c_participate .cp_area.t2 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_title {font-size:28px; line-height:36px;} #campagin2026 .c_participate .cp_txt {margin-top:4px; margin-bottom:30px; font-size:21px; line-height:32px;} #campagin2026 .c_participate .cp_area.t1 .btn {max-width:310px; height:60px; border-radius:30px; font-size:28px; line-height:60px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li label {width:140px; height:56px; font-size:22px;} #campagin2026 .c_participate .cp_area.t2 .cp_info input, #campagin2026 .c_participate .cp_area.t2 .cp_info select, #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {height:56px; font-size:20px; line-height:56px; padding:0 18px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel strong {height:56px;} #campagin2026 .c_participate .cp_area.t3 .agreement {height:72px; padding:0 22px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check {gap:14px; font-size:18px; line-height:30px; letter-spacing:-0.7px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i {width:32px; height:32px; border-radius:7px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i::before {left:8px; top:9px; width:13px; height:7px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check input {width:32px; height:32px;} #campagin2026 .c_participate .cp_area.t3 .agreement .popmore {font-size:17px; line-height:30px; text-underline-offset:4px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions {justify-content:center; gap:14px; margin-top:28px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions .btn {max-width:250px; height:56px; border-radius:28px; font-size:24px; line-height:56px; letter-spacing:-1.5px;} #campagin2026 .c_participate .cp_area.t3 .cp_over {margin-top:11px; font-size:17px; line-height:26px;} #campagin2026 .c_rank {padding-top:72px; padding-bottom:84px;} #campagin2026 .c_rank .cr_box {padding-top:60px;} #campagin2026 .c_rank .cr_title h2 span {font-size:20px; line-height:30px; letter-spacing:5px;} #campagin2026 .c_rank .cr_title h2 strong {margin-top:12px;} #campagin2026 .c_rank .cr_title h2 strong::before {left:-82px; top:-48px; width:56px;} #campagin2026 .c_rank .cr_title h2 strong::after {right:-82px; top:-48px; width:56px;} #campagin2026 .c_rank .cr_area {margin-top:82px;} #campagin2026 .c_rank .cr_area + .cr_area {margin-top:66px;} #campagin2026 .c_rank .cr_area.t1 {padding-top:52px; padding-bottom:34px;} #campagin2026 .c_rank .cr_area.t2 {padding:48px 82px 22px;} #campagin2026 .c_rank .cr_area > mark {top:-26px; width:230px; height:52px; margin-left:-115px; border-radius:26px; font-size:24px; line-height:52px; letter-spacing:-2px;} #campagin2026 .c_rank .cr_area > strong {font-size:66px; line-height:76px;} #campagin2026 .c_rank .cr_area > strong > mark {margin-right:8px; font-size:42px;} #campagin2026 .c_rank .cr_list li {gap:48px; padding-left:12px; padding-top:15px; padding-bottom:11px;} #campagin2026 .c_rank .cr_list li i.rank {width:36px; height:36px; font-size:18px; line-height:32px;} #campagin2026 .c_rank .cr_list li i.user {width:32px; height:32px;} #campagin2026 .c_rank .cr_list li p {gap:16px; font-size:26px; line-height:38px;} #campagin2026 .c_rank .cr_list li mark {padding-right:10px; font-size:22px; line-height:38px;} #campagin2026 .c_more {padding-top:72px; padding-bottom:84px;} #campagin2026 .c_more .title {font-size:52px; line-height:62px; letter-spacing:-3px;} #campagin2026 .c_more .cm_swiper {margin-top:38px; padding:52px 0 44px;} #campagin2026 .c_more .cmw_box {gap:34px;} #campagin2026 .c_more .cmw_pic {height:270px;} #campagin2026 .c_more .cmw_txt strong {margin-bottom:16px; font-size:34px; line-height:42px; letter-spacing:-1.6px;} #campagin2026 .c_more .cmw_txt p {font-size:19px; line-height:32px; letter-spacing:-0.3px;} #campagin2026 .c_more .swiper-button-prev {left:35px;} #campagin2026 .c_more .swiper-button-next {right:35px;} #campagin2026 .c_more .swiper-pagination {margin-top:34px;} #campagin2026 .c_youtube {padding-top:28vw;} #campagin2026 .c_youtube .cy_wrap {padding-bottom:150px;} #campagin2026 .c_youtube .cy_box {max-width:100%;} #campagin2026 .c_youtube .cy_title {padding:0 36px;} #campagin2026 .c_youtube .cy_title mark {font-size:26px; line-height:36px;} #campagin2026 .c_youtube .cy_title .title.t1 {font-size:46px; line-height:56px; letter-spacing:-2px;} #campagin2026 .c_youtube .cy_swiper {margin-top:38px; padding:0 36px;} #campagin2026 .c_youtube .cys_wrap {border-radius:12px;} #campagin2026 .c_youtube .cy_swiper span {left:36px; bottom:-46px; max-width:calc(100% - 72px); font-size:20px; line-height:30px;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev {width:42px; height:42px; margin-top:-21px;} #campagin2026 .c_youtube .cy_model {right:-25px; bottom:55vw; min-width:220px; width:38vw;} #campagin2026 .c_notice {padding-top:50px; padding-bottom:50px;} #campagin2026 .c_notice .title {display:inline-block;} #campagin2026 .c_notice .cn_txt + .cn_txt {margin-top:23px;} #campagin2026 .c_notice .cn_txt strong {margin-bottom:13px; font-size:19px; line-height:27px;} #campagin2026 .c_notice .cn_txt span, #campagin2026 .c_notice .cn_txt li, #campagin2026 .c_notice .cn_txt a {line-height:23px; letter-spacing:0.3px;} #footer ul li {font-size:13px;} } @media (max-width:768px) { .wrap {padding:0 15px;} #campagin2026 .c_nav {top:calc(100vh - 56px); top:calc(100dvh - 56px);} #campagin2026 .c_nav button {height:56px; font-size:22px; line-height:56px;} #campagin2026 .c_event {margin-top:-56px;} #campagin2026 .c_hero .ch_title {width:220px;} #campagin2026 .c_hero .ch_copy {gap:6px;} #campagin2026 .c_hero .ch_copy .line-main, #campagin2026 .c_hero .ch_copy .line-sub {font-size:26px; line-height:38px; letter-spacing:-1px;} #campagin2026 .c_hero .ch_copy .line-main mark, #campagin2026 .c_hero .ch_copy .line-sub mark {font-size:38px;} #campagin2026 .c_hero .ch_pic .chp_model {left:16%; width:420px;} #campagin2026 .c_hero .ch_pic > i {left:86%; top:0; width:72px;} #campagin2026 .c_hero .ch_pic .chp_item.t1 {left:0; top:7%; width:39%;} #campagin2026 .c_hero .ch_pic .chp_item.t2 {left:-1%; bottom:-4.5%; width:31%;} #campagin2026 .c_hero .ch_pic .chp_item.t3 {bottom:6%; width:38%;} #campagin2026 .c_event .ce_box {padding-top:130px;} #campagin2026 .c_event .ce_title {padding-bottom:46px;} #campagin2026 .c_event .ce_title::before {width:300px; height:44px; margin-left:-150px;} #campagin2026 .c_event .ce_title span {font-size:38px; line-height:48px;} #campagin2026 .c_event .ce_pic {max-width:570px;} #campagin2026 .c_event .ce_range {max-width:500px; margin-top:24px;} #campagin2026 .c_event .ce_range li {gap:16px; font-size:21px; line-height:38px;} #campagin2026 .c_event .ce_range li strong {width:158px; height:38px;} #campagin2026 .c_event .ce_comment {max-width:500px; padding-top:13px; padding-left:0;} #campagin2026 .c_event .ce_comment li {font-size:15px; line-height:23px;} #campagin2026 .c_reward {padding-top:160px; padding-bottom:126px;} #campagin2026 .c_reward::before {width:1440px; margin-left:-720px;} #campagin2026 .c_reward::after {top:380px;} #campagin2026 .c_reward .cr_box {padding-top:0;} #campagin2026 .c_reward .cr_title {width:155px; margin-bottom:24px;} #campagin2026 .c_reward .cr_receipt .crr_txt {font-size:38px; line-height:48px; letter-spacing:-2px;} #campagin2026 .c_reward .cr_receipt .crr_step {margin-top:42px; margin-bottom:40px;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {height:110px; margin-top:-55px;} #campagin2026 .c_reward .cr_receipt .crr_step li strong {width:104px; font-size:16px; line-height:36px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {margin-top:16px; font-size:20px; line-height:31px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 {padding:70px 34px 44px; margin-top:90px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 .crrc_deco::before {width:48px; height:48px; margin-top:-24px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > strong {width:180px; height:46px; margin-left:-90px; top:-23px; font-size:21px; line-height:46px; letter-spacing:3px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > p {font-size:24px; line-height:32px; letter-spacing:-1.2px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark {margin-top:8px; font-size:38px; line-height:48px; letter-spacing:-1.8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark::before {bottom:3px; height:14px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list {gap:12px; margin-top:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li {width:calc(33.333% - 8px);} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i {width:34px; height:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i {width:22px; height:22px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i::before, #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i::after {height:3px; margin-top:-1.5px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p {margin-top:14px; font-size:17px; line-height:26px; letter-spacing:-0.6px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p span {font-size:18px; line-height:26px; white-space:nowrap;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p strong {font-size:22px; line-height:28px; letter-spacing:-0.8px; white-space:nowrap;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 {padding:70px 24px 0; margin-top:78px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_deco::before {width:48px; height:48px; margin-top:-24px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > strong {width:180px; height:46px; margin-left:-90px; top:-23px; font-size:21px; line-height:46px; letter-spacing:3px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > p {max-width:560px; text-align:center; font-size:24px; line-height:32px; letter-spacing:-1.2px; word-break:keep-all;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark {margin-top:8px; font-size:38px; line-height:48px; letter-spacing:-1.8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark::before {bottom:3px; height:14px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward {gap:18px; margin-top:42px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:260px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:190px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t3 .crrc_box {height:150px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t4 .crrc_box {height:140px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p {font-size:22px; line-height:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 p mark {font-size:28px; line-height:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > mark {font-size:32px; line-height:42px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong {font-size:34px; line-height:42px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > strong {box-sizing:border-box; padding:0 64px; font-size:40px; line-height:48px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {font-size:58px; line-height:68px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {box-sizing:border-box; padding:0 52px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong span {font-size:26px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong span {font-size:44px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::before {left:14px; top:-2px; width:36px; height:66px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::after {right:14px; top:-2px; width:36px; height:66px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_model {left:2%; width:380px; margin-top:34px;} #campagin2026 .c_reward .cr_receipt .crr_comment {padding-top:13px; padding-left:0;} #campagin2026 .c_reward .cr_receipt .crr_comment li {font-size:15px; line-height:23px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {gap:10px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:25px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box > span {font-size:20px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t3 .crrc_box > span {font-size:17px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 > span:nth-child(3) {line-height:27px;} #campagin2026 .c_participate {padding-top:70px; padding-bottom:80px;} #campagin2026 .c_participate .cp_wrap > .cp_title {gap:16px;} #campagin2026 .c_participate .cp_title .cpt_pic {width:140px;} #campagin2026 .c_participate .cp_wrap > .cp_title .title {font-size:42px; line-height:52px; letter-spacing:-2px;} #campagin2026 .c_participate .cp_area.t1, #campagin2026 .c_participate .cp_area.t2, #campagin2026 .c_participate .cp_area.t3 {padding:38px 34px 46px;} #campagin2026 .c_participate .cp_area.t1 {margin-top:22px;} #campagin2026 .c_participate .cp_area.t1 .cp_box, #campagin2026 .c_participate .cp_area.t2 .cp_box, #campagin2026 .c_participate .cp_area.t3 .cp_box {max-width:500px;} #campagin2026 .c_participate .cp_area.t1 .cp_title, #campagin2026 .c_participate .cp_area.t2 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_title {font-size:26px; line-height:34px;} #campagin2026 .c_participate .cp_txt {margin-top:4px; margin-bottom:28px; font-size:20px; line-height:31px;} #campagin2026 .c_participate .cp_area.t1 .btn {max-width:280px; height:54px; border-radius:27px; font-size:24px; line-height:54px;} #campagin2026 .c_participate .cp_area.t2 .cp_info {gap:9px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li {gap:9px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li label {width:128px; height:52px; font-size:20px;} #campagin2026 .c_participate .cp_area.t2 .cp_info input, #campagin2026 .c_participate .cp_area.t2 .cp_info select, #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {height:52px; font-size:19px; line-height:52px; padding:0 17px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel strong {height:52px;} #campagin2026 .c_participate .cp_area.t3 .agreement {height:66px; padding:0 18px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check {gap:12px; font-size:17px; line-height:28px; letter-spacing:-0.6px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i {width:28px; height:28px; border-radius:6px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i::before {left:7px; top:8px; width:11px; height:6px; border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check:has(input:checked) i::before {border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check input {width:28px; height:28px;} #campagin2026 .c_participate .cp_area.t3 .agreement .popmore {font-size:16px; line-height:28px; text-underline-offset:4px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions {justify-content:center; gap:12px; margin-top:28px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions .btn {max-width:230px; height:52px; border-radius:26px; font-size:22px; line-height:52px; letter-spacing:-1.2px;} #campagin2026 .c_participate .cp_area.t3 .cp_over {margin-top:10px; font-size:16px; line-height:25px;} #campagin2026 .c_rank {padding-top:64px; padding-bottom:60px;} #campagin2026 .c_rank .cr_box {padding-top:52px;} #campagin2026 .c_rank .cr_title h2 span {font-size:16px; line-height:24px; letter-spacing:3.5px;} #campagin2026 .c_rank .cr_title h2 strong {margin-top:10px;} #campagin2026 .c_rank .cr_title h2 strong::before {left:-68px; top:-40px; width:48px;} #campagin2026 .c_rank .cr_title h2 strong::after {right:-68px; top:-40px; width:48px;} #campagin2026 .c_rank .cr_area {margin-top:70px;} #campagin2026 .c_rank .cr_area + .cr_area {margin-top:56px;} #campagin2026 .c_rank .cr_area.t1 {padding-top:46px; padding-bottom:30px;} #campagin2026 .c_rank .cr_area.t2 {padding:42px 48px 25px;} #campagin2026 .c_rank .cr_area > mark {top:-22px; width:188px; height:44px; margin-left:-94px; border-radius:22px; font-size:21px; line-height:44px; letter-spacing:-1.8px;} #campagin2026 .c_rank .cr_area > strong {font-size:52px; line-height:60px;} #campagin2026 .c_rank .cr_area > strong > mark {margin-right:8px; font-size:34px;} #campagin2026 .c_rank .cr_list li {gap:28px; padding-left:8px; padding-top:14px; padding-bottom:10px;} #campagin2026 .c_rank .cr_list li i.rank {width:32px; height:32px; font-size:16px; line-height:30px;} #campagin2026 .c_rank .cr_list li i.user {width:28px; height:28px;} #campagin2026 .c_rank .cr_list li p {gap:12px; font-size:22px; line-height:34px;} #campagin2026 .c_rank .cr_list li mark {padding-right:8px; font-size:19px; line-height:34px;} #campagin2026 .c_more {padding-top:60px; padding-bottom:78px;} #campagin2026 .c_more .title {font-size:42px; line-height:52px; letter-spacing:-2px;} #campagin2026 .c_more .cm_swiper{margin-top:30px; padding:48px 0 40px;} #campagin2026 .c_more .cmw_box{gap:24px;} #campagin2026 .c_more .cmw_pic{height:210px;} #campagin2026 .c_more .cmw_pic img{max-width:100%;} #campagin2026 .c_more .cmw_txt strong{font-size:26px; line-height:34px;} #campagin2026 .c_more .cmw_txt p{font-size:17px; line-height:28px;} #campagin2026 .c_more .t1 .cmw_txt span, #campagin2026 .c_more .t2 .cmw_txt span {display:inline;} #campagin2026 .c_more .swiper-pagination{margin-top:28px;} #campagin2026 .c_more .swiper-button-next, #campagin2026 .c_more .swiper-button-prev{width:40px; height:40px; margin-top:-20px;} #campagin2026 .c_more .swiper-button-prev{left:12px;} #campagin2026 .c_more .swiper-button-next{right:12px;} #campagin2026 .c_more .swiper-button-next::after, #campagin2026 .c_more .swiper-button-prev::after{font-size:18px;} #campagin2026 .c_youtube {padding-top:40vw;} #campagin2026 .c_youtube .cy_wrap {padding-bottom:45px;} #campagin2026 .c_youtube .cy_box {max-width:100%;} #campagin2026 .c_youtube .cy_title {padding:0 32px; padding-right:100px;} #campagin2026 .c_youtube .cy_title mark {font-size:20px; line-height:30px;} #campagin2026 .c_youtube .cy_title .title.t1 {font-size:34px; line-height:44px; letter-spacing:-1.3px;} #campagin2026 .c_youtube .cy_swiper {margin-top:18px; padding:0 32px;} #campagin2026 .c_youtube .cys_wrap {border-radius:12px; border-width:2px;} #campagin2026 .c_youtube .cy_swiper span {left:32px; bottom:-38px; max-width:calc(100% - 36px); font-size:18px; line-height:28px;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev {left:-2px; width:38px; height:38px; margin-top:-19px;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next {left:auto; right:-2px;} #campagin2026 .c_notice {padding-top:52px; padding-bottom:52px;} #campagin2026 .c_notice .cn_txt + .cn_txt {margin-top:22px;} #campagin2026 .c_notice .cn_txt strong {margin-bottom:12px; font-size:18px; line-height:26px;} #campagin2026 .c_notice .cn_txt span, #campagin2026 .c_notice .cn_txt li, #campagin2026 .c_notice .cn_txt a {font-size:14px; line-height:22px; letter-spacing:0.1px;} #campagin2026 .c_notice .ispc {display:none;} #footer .f_wrap {flex-wrap:wrap; justify-content:center;} #footer strong {justify-content:center; font-size:20px;} #footer ul li {width:100%; justify-content:center; text-align:center;} #footer ul li span {text-align:center;} #footer {padding-bottom:calc(40px + 64px);} } @media (max-width:640px) { #campagin2026 .c_hero .ch_copy {gap:5px;} #campagin2026 .c_hero .ch_copy span {white-space:normal;} #campagin2026 .c_hero .ch_copy .break-640 {display:block !important;} #campagin2026 .c_hero .ch_copy .nowrap {white-space:nowrap;} #campagin2026 .c_hero .ch_copy .line-sub {margin-top:10px;} #campagin2026 .c_reward .cr_receipt .crr_txt {font-size:34px; line-height:44px; letter-spacing:-1.4px;} #campagin2026 .c_reward .cr_receipt .crr_step {flex-wrap:wrap; margin-top:36px; margin-bottom:38px;} #campagin2026 .c_reward .cr_receipt .crr_step li, #campagin2026 .c_reward .cr_receipt .crr_step li:nth-child(2) {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_step li + li {margin-top:30px; padding-top:34px;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {left:50%; top:0; width:170px; height:1px; margin-top:0; margin-left:-85px; background:none; background-color:#bfc8d0;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::after {content:""; position:absolute; left:50%; top:-4px; width:8px; height:8px; margin-left:-4px; border-right:1px solid #bfc8d0; border-bottom:1px solid #bfc8d0; background-color:#ecf4fc; transform:rotate(45deg);} #campagin2026 .c_reward .cr_receipt .crr_step li strong {width:100px; height:32px; border-radius:16px; font-size:16px; line-height:32px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {display:block; margin-top:17px; text-align:center; font-size:20px; line-height:31px; letter-spacing:-0.4px;} #campagin2026 .c_reward .cr_receipt .crr_step li p span {display:inline; width:auto;} } @media (max-width:560px) { #campagin2026 .c_event .ce_box {padding-top:82px;} #campagin2026 .c_event .ce_title {padding-bottom:38px;} #campagin2026 .c_event .ce_title::before {width:240px; height:35px; margin-left:-120px;} #campagin2026 .c_event .ce_title span {font-size:30px; line-height:38px;} #campagin2026 .c_event .ce_pic {max-width:420px;} #campagin2026 .c_event .ce_range {max-width:390px; margin-top:20px; gap:10px;} #campagin2026 .c_event .ce_range li {gap:12px; font-size:17px; line-height:32px;} #campagin2026 .c_event .ce_range li strong {width:124px; height:32px; border-radius:16px;} #campagin2026 .c_event .ce_comment {max-width:390px; padding:12px 0 0;} #campagin2026 .c_event .ce_comment li {font-size:14px; line-height:23px;} #campagin2026 .c_event .ce_comment li + li {margin-top:8px;} #campagin2026 .c_reward {padding-top:140px; padding-bottom:80px;} #campagin2026 .c_reward::before {width:1100px; margin-left:-550px;} #campagin2026 .c_reward::after {top:300px;} #campagin2026 .c_reward .cr_title {width:136px; margin-bottom:22px;} #campagin2026 .c_reward .cr_receipt .crr_txt {font-size:30px; line-height:40px; letter-spacing:-1px;} #campagin2026 .c_reward .cr_receipt .crr_step {flex-wrap:wrap; margin-top:32px; margin-bottom:38px;} #campagin2026 .c_reward .cr_receipt .crr_step li, #campagin2026 .c_reward .cr_receipt .crr_step li:nth-child(2) {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_step li + li {margin-top:30px; padding-top:34px;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {left:50%; top:0; width:160px; height:1px; margin-top:0; margin-left:-80px; background:none; background-color:#bfc8d0;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::after {content:""; position:absolute; left:50%; top:-4px; width:8px; height:8px; margin-left:-4px; border-right:1px solid #bfc8d0; border-bottom:1px solid #bfc8d0; background-color:#ecf4fc; transform:rotate(45deg);} #campagin2026 .c_reward .cr_receipt .crr_step li strong {width:96px; height:30px; border-radius:15px; font-size:16px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {display:block; margin-top:17px; text-align:center; font-size:19px; line-height:31px; letter-spacing:-0.4px;} #campagin2026 .c_reward .cr_receipt .crr_step li p span {display:inline; width:auto;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 {padding:56px 32px 36px; margin-top:68px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 .crrc_deco::before {width:40px; height:40px; margin-top:-20px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > strong {width:150px; height:36px; margin-left:-75px; top:-18px; padding-top:4px; font-size:17px; line-height:36px; letter-spacing:3px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > p {font-size:21px; line-height:29px; letter-spacing:-0.8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark {margin-top:5px; max-width:100%; text-align:center; font-size:28px; line-height:39px; letter-spacing:-1.2px; word-break:keep-all; overflow-wrap:normal;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark::before {bottom:3px; height:10px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list {justify-content:center; flex-wrap:wrap; gap:30px; max-width:360px; margin-top:28px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i {width:32px; height:32px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i {width:20px; height:20px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i::before, #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i::after {height:3px; margin-top:-1.5px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p {width:100%; margin-top:14px; font-size:19px; line-height:29px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p strong {font-size:25px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 {padding:56px 15px 0; margin-top:64px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_deco::before {width:40px; height:40px; margin-top:-20px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > strong {width:150px; height:36px; margin-left:-75px; top:-18px; padding-top:4px; font-size:17px; line-height:36px; letter-spacing:3px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > p {max-width:100%; text-align:center; font-size:20px; line-height:28px; letter-spacing:-0.6px; word-break:keep-all;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark {margin-top:5px; max-width:100%; text-align:center; font-size:30px; line-height:39px; letter-spacing:-1.2px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark::before {bottom:3px; height:10px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward {justify-content:center; gap:12px; max-width:390px; margin-top:32px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t3 {flex-wrap:wrap;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li .crrc_box {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li .crrc_box + .crrc_box::before {left:18px; right:18px; top:0; width:auto; height:1px; margin-top:0;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:240px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:150px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t3 .crrc_box {height:140px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t4 .crrc_box {height:90px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p {font-size:18px; line-height:27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 p mark {font-size:22px; line-height:27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > mark {margin-top:4px; font-size:25px; line-height:31px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong {font-size:29px; line-height:36px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > strong {box-sizing:border-box; padding:0 56px; font-size:28px; line-height:36px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {font-size:42px; line-height:50px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {box-sizing:border-box; padding:0 46px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong span {font-size:21px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong span {font-size:28px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::before {left:10px; top:-18px; width:34px; height:62px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::after {right:10px; top:-18px; width:34px; height:62px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_model {left:0; width:340px; max-width:100%; margin-top:36px;} #campagin2026 .c_reward .cr_receipt .crr_comment {padding:12px 0 0;} #campagin2026 .c_reward .cr_receipt .crr_comment li {font-size:14px; line-height:23px;} #campagin2026 .c_reward .cr_receipt .crr_comment li + li {margin-top:8px;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic .ispc {display:none !important;} #campagin2026 .c_reward .cr_receipt .crr_content > .crrc_list li .crrc_pic .ismob {display:block !important;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 {font-size:19px; line-height:20px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 mark {top:-6px} #ui-datepicker-div.ui-datepicker {width:296px; max-width:calc(100vw - 20px); border-radius:12px;} #ui-datepicker-div .ui-datepicker-header {padding:11px 14px;} #ui-datepicker-div .ui-datepicker-title {font-size:18px; line-height:26px;} #ui-datepicker-div .ui-datepicker-calendar {width:calc(100% - 16px); margin:8px;} #ui-datepicker-div .ui-datepicker-calendar thead th {padding:0 0 8px; font-size:12px; line-height:18px;} #ui-datepicker-div .ui-datepicker-calendar tbody td {padding:1px;} #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span {width:32px; height:32px; font-size:15px; line-height:20px; border-radius:8px;} #campagin2026 .c_participate .cp_wrap > .cp_title {gap:12px;} #campagin2026 .c_participate .cp_title .cpt_pic {width:110px;} #campagin2026 .c_participate .cp_wrap > .cp_title .title {font-size:32px; line-height:42px; letter-spacing:-1px;} #campagin2026 .c_participate .cp_area.t1, #campagin2026 .c_participate .cp_area.t2, #campagin2026 .c_participate .cp_area.t3 {padding:32px 24px 38px; border-radius:8px;} #campagin2026 .c_participate .cp_area.t1 {margin-top:20px;} #campagin2026 .c_participate .cp_area.t1 .cp_box, #campagin2026 .c_participate .cp_area.t2 .cp_box, #campagin2026 .c_participate .cp_area.t3 .cp_box {max-width:420px;} #campagin2026 .c_participate .cp_area.t1 .cp_title, #campagin2026 .c_participate .cp_area.t2 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_title {font-size:24px; line-height:31px;} #campagin2026 .c_participate .cp_txt {margin-top:4px; margin-bottom:24px; font-size:18px; line-height:28px;} #campagin2026 .c_participate .cp_area.t1 .btn {max-width:250px; height:48px; border-radius:24px; font-size:21px; line-height:48px; letter-spacing:-1px;} #campagin2026 .c_participate .cp_area.t2 .cp_info {gap:10px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li {gap:8px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li label {width:102px; height:44px; font-size:17px; letter-spacing:-0.5px;} #campagin2026 .c_participate .cp_area.t2 .cp_info input, #campagin2026 .c_participate .cp_area.t2 .cp_info select, #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {height:44px; font-size:17px; line-height:44px; padding:0 14px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {padding-right:34px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel strong {height:44px;} #campagin2026 .c_participate .cp_area.t2 .cp_info .cpi_select i {right:16px; width:17px; height:13px; margin-top:-7px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel i {right:16px; width:20px; height:20px; margin-top:-10px;} #campagin2026 .c_participate .cp_area.t3 .agreement {justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; height:auto; min-height:68px; padding:13px 18px;} #campagin2026 .c_participate .cp_area.t3 .agreement + .agreement {margin-top:10px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check {align-items:flex-start; gap:8px; width:100%; font-size:15.5px; line-height:22px; letter-spacing:-0.4px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i {width:22px; height:22px; margin-top:1px; border-radius:5px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i::before {left:5px; top:6px; width:9px; height:5px; border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check:has(input:checked) i::before {border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check input {top:0; width:22px; height:22px; margin:0;} #campagin2026 .c_participate .cp_area.t3 .agreement .popmore {margin-top:2px; margin-left:30px; font-size:14px; line-height:20px; text-underline-offset:3px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions {flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions .btn {max-width:250px; height:48px; border-radius:24px; font-size:21px; line-height:48px; letter-spacing:-1px;} #campagin2026 .c_participate .cp_area.t3 .cp_over {margin-top:9px; font-size:14px; line-height:22px; letter-spacing:-0.3px;} #campagin2026 .c_rank {padding-top:30px; padding-bottom:50px;} #campagin2026 .c_rank .cr_box {padding-top:46px;} #campagin2026 .c_rank .cr_title h2 span {font-size:13px; line-height:21px; letter-spacing:2.5px;} #campagin2026 .c_rank .cr_title h2 strong {margin-top:8px;} #campagin2026 .c_rank .cr_title h2 strong::before {left:-54px; top:-30px; width:36px;} #campagin2026 .c_rank .cr_title h2 strong::after {right:-54px; top:-30px; width:36px;} #campagin2026 .c_rank .cr_area {margin-top:56px;} #campagin2026 .c_rank .cr_area + .cr_area {margin-top:44px;} #campagin2026 .c_rank .cr_area::before {border-radius:8px;} #campagin2026 .c_rank .cr_area.t1 {padding-top:38px; padding-bottom:28px;} #campagin2026 .c_rank .cr_area.t2 {padding:0 23px; padding-top:33px; padding-bottom:20px;} #campagin2026 .c_rank .cr_area > mark {top:-15px; width:144px; height:30px; padding-top:2px; margin-left:-72px; border-radius:15px; font-size:17px; line-height:30px; letter-spacing:-1.6px;} #campagin2026 .c_rank .cr_area > strong {font-size:42px; line-height:46px;} #campagin2026 .c_rank .cr_area > strong > mark {margin-right:6px; font-size:27px;} #campagin2026 .c_rank .cr_list li {gap:16px; padding-left:6px; padding-top:13px; padding-bottom:9px;} #campagin2026 .c_rank .cr_list li i.rank {width:26px; height:26px; font-size:15px; line-height:26px;} #campagin2026 .c_rank .cr_list li i.user {width:23px; height:23px;} #campagin2026 .c_rank .cr_list li p {gap:8px; font-size:19px; line-height:30px;} #campagin2026 .c_rank .cr_list li mark {padding-right:4px; font-size:16px; line-height:30px;} #campagin2026 .c_rank .cr_comment {padding:12px 0 0;} #campagin2026 .c_rank .cr_comment li {font-size:14px; line-height:23px;} #campagin2026 .c_rank .cr_comment li + li {margin-top:8px;} #campagin2026 .c_more {padding-top:45px; padding-bottom:72px;} #campagin2026 .c_more .title {font-size:32px; line-height:42px; letter-spacing:-1px;} #campagin2026 .c_more .cm_swiper {margin-top:24px; padding:42px 0 34px;} #campagin2026 .c_more .cmw_box {gap:18px;} #campagin2026 .c_more .cmw_pic {height:170px;} #campagin2026 .c_more .cmw_txt strong {margin-bottom:12px; font-size:22px; line-height:30px; letter-spacing:-0.8px;} #campagin2026 .c_more .cmw_txt p {font-size:15px; line-height:24px; letter-spacing:-0.2px;} #campagin2026 .c_more .cmw_txt p i {width:17px; height:17px;} #campagin2026 .c_more .swiper-button-next, #campagin2026 .c_more .swiper-button-prev {width:36px; height:36px; margin-top:-18px;} #campagin2026 .c_more .swiper-button-prev {left:25px;} #campagin2026 .c_more .swiper-button-next {right:25px;} #campagin2026 .c_more .swiper-pagination {gap:12px; margin-top:24px;} #campagin2026 .c_more .swiper-pagination-bullet {width:9px; height:9px;} #campagin2026 .c_youtube {padding-top:0;} #campagin2026 .c_youtube .cy_wrap {padding-bottom:68px;} #campagin2026 .c_youtube .cy_title {display:flex; flex-wrap:wrap; align-content:flex-end; min-height:300px; padding:0 30px; padding-right:140px;} #campagin2026 .c_youtube .cy_title mark {font-size:17px; line-height:26px;} #campagin2026 .c_youtube .cy_title .title.t1 {font-size:30px; line-height:38px; letter-spacing:-0.9px;} #campagin2026 .c_youtube .cy_swiper {margin-top:16px; padding:0 30px;} #campagin2026 .c_youtube .cys_wrap {border-radius:10px; border-width:1px;} #campagin2026 .c_youtube .cy_swiper span {left:30px; bottom:-32px; max-width:calc(100% - 20px); font-size:16px; line-height:24px;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev {width:36px; height:36px; margin-top:-18px;} #campagin2026 .c_youtube .cy_model {right:0; top:-33px; bottom: auto; width:205px;} } @media (max-width:425px) { .ismob {display:block !important;} .ispc {display:none !important;} #campagin2026 .title {font-size:24px; line-height:34px; letter-spacing:-1.5px;} #campagin2026 .swiper-button-prev:before, #campagin2026 .swiper-button-prev:after, #campagin2026 .swiper-button-next:before, #campagin2026 .swiper-button-next:after {width:14px; height:4px; border-radius:2px;} #campagin2026 .swiper-button-prev:before {transform:translate(-7px, -2px) rotate(-45deg); transform-origin:2px 2px;} #campagin2026 .swiper-button-prev:after {transform:translate(-7px, -2px) rotate(45deg); transform-origin:2px 2px;} #campagin2026 .swiper-button-next:before {transform:translate(-7px, -2px) rotate(45deg); transform-origin:12px 2px;} #campagin2026 .swiper-button-next:after {transform:translate(-7px, -2px) rotate(-45deg); transform-origin:12px 2px;} #campagin2026 .c_hero .ch_title {width:190px;} #campagin2026 .c_hero .ch_copy {display:flex; gap:4px; text-align:center;} #campagin2026 .c_hero .ch_copy .line-main {font-size:24px; line-height:29px;} #campagin2026 .c_hero .ch_copy .line-sub {font-size:24px; line-height:29px;} #campagin2026 .c_hero .ch_copy .line-sub {margin-top:10px;} #campagin2026 .c_hero .ch_copy .line-main mark, #campagin2026 .c_hero .ch_copy .line-sub mark {margin:0 2px; font-size:32px;} #campagin2026 .c_hero .ch_pic .chp_model {left:22%; bottom:-2.5%; width:310px;} #campagin2026 .c_hero .ch_pic > i {left:75%; top:2%; width:54px;} #campagin2026 .c_hero .ch_pic .chp_item.t1 {left:-2%; top:7%; width:47%;} #campagin2026 .c_hero .ch_pic .chp_item.t2 {left:-2%; bottom:-4.5%; width:37%;} #campagin2026 .c_hero .ch_pic .chp_item.t3 {right:-1%; bottom:10%; width:38%;} #campagin2026 .c_nav {top:calc(100vh - 42px); top:calc(100dvh - 42px);} #campagin2026 .c_nav button {height:42px; font-size:18px; line-height:42px;} #footer {padding-bottom:calc(40px + 42px);} #campagin2026 .c_event {margin-top:-42px;} #campagin2026 .c_event .ce_box {padding-top:53px;} #campagin2026 .c_event .ce_title {padding-bottom:36px;} #campagin2026 .c_event .ce_title::before {left:50%; bottom:17px; width:220px; height:32px; margin-left:-95px;} #campagin2026 .c_event .ce_title span {font-size:24px; line-height:32px; letter-spacing:-1.2px;} #campagin2026 .c_event .ce_pic {max-width:350px;} #campagin2026 .c_event .ce_range {max-width:360px; margin-top:19px; gap:9px;} #campagin2026 .c_event .ce_range li {gap:10px; font-size:15px; line-height:30px;} #campagin2026 .c_event .ce_range li strong {width:110px; height:30px; padding-top:1px; border-radius:15px; letter-spacing:-0.7px;} #campagin2026 .c_event .ce_range li span {justify-content:flex-start; letter-spacing:-0.5px; white-space:nowrap;} #campagin2026 .c_event .ce_comment {max-width:360px; padding-top:10px;} #campagin2026 .c_event .ce_comment li {font-size:14px; line-height:21px; letter-spacing:-0.2px;} #campagin2026 .c_reward {margin-top:-670px; padding-top:100px; padding-bottom:55px;} #campagin2026 .c_reward::before {width:500px; margin-left:-290px; background-image:url("../images/deco_cloude_m.png"); aspect-ratio:100/42;} #campagin2026 .c_reward::after {top:200px;} #campagin2026 .c_reward .cr_title {width:120px;} #campagin2026 .c_reward .cr_receipt .crr_txt {font-size:24px; line-height:34px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_step {flex-wrap:wrap; margin-top:28px; margin-bottom:36px;} #campagin2026 .c_reward .cr_receipt .crr_step li, #campagin2026 .c_reward .cr_receipt .crr_step li:nth-child(2) {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_step li + li {margin-top:23px; padding-top:26px;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::before {left:50%; top:0; width:148px; height:1px; margin-top:0; margin-left:-74px; background:none; background-color:#bfc8d0;} #campagin2026 .c_reward .cr_receipt .crr_step li + li::after {content:""; position:absolute; left:50%; top:-4px; width:8px; height:8px; margin-left:-4px; border-right:1px solid #bfc8d0; border-bottom:1px solid #bfc8d0; background-color:#ecf4fc; transform:rotate(45deg);} #campagin2026 .c_reward .cr_receipt .crr_step li strong {width:88px; height:28px; padding-top:2px; border-radius:14px; font-size:14px; line-height:28px;} #campagin2026 .c_reward .cr_receipt .crr_step li p {display:block; margin-top:7px; text-align:center; font-size:18px; line-height:30px; letter-spacing:-0.4px;} #campagin2026 .c_reward .cr_receipt .crr_step li p span {display:inline; width:auto;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 {padding:38px 30px 30px; margin-top:50px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 .crrc_deco::before {width:34px; height:34px; margin-top:-17px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > strong {width:110px; height:28px; margin-left:-55px; top:-14px; padding-top:2px; border-radius:14px; font-size:15px; line-height:28px; letter-spacing:1px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > p {font-size:18px; line-height:26px; letter-spacing:-0.5px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark {margin-top:4px; max-width:280px; font-size:22px; line-height:30px; letter-spacing:-0.8px; word-break:keep-all; overflow-wrap:normal; white-space:normal; text-wrap:balance;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark::before {bottom:3px; height:8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list {gap:28px; max-width:300px; margin-top:28px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i {top:15px; right:15px; width:30px; height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li .crrc_pic > i i {width:19px; height:19px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p {margin-top:13px; font-size:18px; line-height:27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p strong {font-size:24px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 {padding:48px 13px 0; margin-top:52px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_deco::before {width:34px; height:34px; margin-top:-17px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > strong {width:110px; height:28px; margin-left:-55px; top:-14px; padding-top:2px; border-radius:14px; font-size:15px; line-height:28px; letter-spacing:1px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > p {font-size:18px; line-height:23px; letter-spacing:-0.3px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark {margin-top:4px; font-size:28px; line-height:32px; letter-spacing:-0.6px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 > mark::before {bottom:3px; height:8px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward {gap:15px; max-width:330px; margin-top:31px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box {height:220px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 .crrc_box {height:147px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t3 .crrc_box {height:120px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t4 .crrc_box {height:70px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p {font-size:17px; line-height:26px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 p mark {font-size:21px; line-height:26px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > mark {margin-top:4px; font-size:24px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong {font-size:28px; line-height:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > strong {box-sizing:border-box; padding:0 48px; font-size:27px; line-height:34px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {font-size:40px; line-height:48px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {box-sizing:border-box; padding:0 40px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong span {font-size:23px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong span {font-size:27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::before {left:8px; top:-17px; width:32px; height:58px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong::after {right:8px; top:-17px; width:32px; height:58px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .crrc_model {width:315px; margin-top:36px;} #campagin2026 .c_reward .cr_receipt .crr_comment {padding-top:10px;} #campagin2026 .c_reward .cr_receipt .crr_comment li {font-size:14px; line-height:21px; letter-spacing:-0.2px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p span {font-size:16px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > .crrc_list li p strong {font-size:22px;} #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 p.t1 mark {top:0; margin-left:0;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li p.t1 span.t1 {width:100%;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t2 .crrc_box > span {margin-bottom:-15px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li .crrc_box > span, #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t4 .crrc_box > span {font-size:16px;} #campagin2026 .c_reward .cr_receipt .crr_content .ccrc_reward li.t1 p.t1 > span > span.cy {top:3px;} #campagin2026 .c_participate {padding-top:45px; padding-bottom:60px;} #campagin2026 .c_participate .cp_wrap > .cp_title {gap:11px;} #campagin2026 .c_participate .cp_title .cpt_pic {width:95px;} #campagin2026 .c_participate .cp_wrap > .cp_title .title {font-size:24px; line-height:34px; letter-spacing:-0.5px;} #campagin2026 .c_participate .cp_area.t1, #campagin2026 .c_participate .cp_area.t2, #campagin2026 .c_participate .cp_area.t3 {padding:25px 25px 30px;} #campagin2026 .c_participate .cp_area.t1 {margin-top:13px;} #campagin2026 .c_participate .cp_area.t1 .cp_title, #campagin2026 .c_participate .cp_area.t2 .cp_title, #campagin2026 .c_participate .cp_area.t3 .cp_title {font-size:22px; line-height:28px;} #campagin2026 .c_participate .cp_txt {margin-top:0; margin-bottom:15px; font-size:16px; line-height:24px; letter-spacing:-0.4px;} #campagin2026 .c_participate .cp_area.t1 .btn {max-width:230px; height:44px; border-radius:22px; font-size:20px; line-height:44px;} #campagin2026 .c_participate .cp_area.t2 .cp_info {gap:11px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li {gap:6px;} #campagin2026 .c_participate .cp_area.t2 .cp_info li label {width:90px; height:40px; font-size:14px; letter-spacing:-0.5px;} #campagin2026 .c_participate .cp_area.t2 .cp_info input, #campagin2026 .c_participate .cp_area.t2 .cp_info select, #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {height:40px; font-size:16px; line-height:40px; padding:0 14px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel {padding-right:32px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel strong {height:40px;} #campagin2026 .c_participate .cp_area.t2 .cp_info .cpi_select i {right:14px; width:16px; height:12px; margin-top:-6px;} #campagin2026 .c_participate .cp_area.t2 .cp_info #fileLabel i {right:14px; width:18px; height:18px; margin-top:-9px;} #campagin2026 .c_participate .cp_area.t3 .agreement {justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; height:auto; min-height:68px; padding:12px 18px;} #campagin2026 .c_participate .cp_area.t3 .agreement + .agreement {margin-top:10px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check {align-items:flex-start; gap:8px; width:100%; font-size:14px; line-height:22px; letter-spacing:-0.4px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i {width:21px; height:21px; margin-top:1px; border-radius:5px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check i::before {left:5px; top:5px; width:9px; height:5px; border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check:has(input:checked) i::before {border-left-width:2px; border-bottom-width:2px;} #campagin2026 .c_participate .cp_area.t3 .agreement .agreement-check input {width:21px; height:21px; margin:0;} #campagin2026 .c_participate .cp_area.t3 .agreement .popmore {margin-top:2px; margin-left:29px; font-size:14px; line-height:19px; text-underline-offset:3px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions {flex-wrap:wrap; justify-content:center; gap:10px; margin-top:29px;} #campagin2026 .c_participate .cp_area.t3 .cp_actions .btn {max-width:230px; height:44px; border-radius:22px; font-size:20px; line-height:44px; letter-spacing:-0.8px;} #campagin2026 .c_participate .cp_area.t3 .cp_over {margin-top:8px; font-size:13px; line-height:21px; letter-spacing:-0.2px;} #campagin2026 .c_rank {padding-top:10px; padding-bottom:40px;} #campagin2026 .c_rank .cr_box {padding-top:40px;} #campagin2026 .c_rank .cr_title h2 span {font-size:10px; line-height:20px; letter-spacing:2px;} #campagin2026 .c_rank .cr_title h2 strong {margin-top:0;} #campagin2026 .c_rank .cr_title h2 strong::before {left:-48px; top:-27px; width:30px;} #campagin2026 .c_rank .cr_title h2 strong::after {right:-48px; top:-27px; width:30px;} #campagin2026 .c_rank .cr_area {margin-top:50px;} #campagin2026 .c_rank .cr_area + .cr_area {margin-top:40px;} #campagin2026 .c_rank .cr_area::before {border-radius:8px;} #campagin2026 .c_rank .cr_area.t1 {padding-top:35px; padding-bottom:25px;} #campagin2026 .c_rank .cr_area.t2 {padding:0 20px; padding-top:25px; padding-bottom:15px;} #campagin2026 .c_rank .cr_area > mark {top:-13px; width:130px; height:26px; padding-top:2px; margin-left:-65px; border-radius:13px; font-size:16px; line-height:26px; letter-spacing:-2px;} #campagin2026 .c_rank .cr_area > strong {font-size:40px; line-height:40px; color:#d2ff00;} #campagin2026 .c_rank .cr_area > strong > mark {margin-right:8px; color:#d2ff00; font-size:25px;} #campagin2026 .c_rank .cr_list li {gap:25px; padding-left:5px; padding-top:10px; padding-bottom:5px;} #campagin2026 .c_rank .cr_list li i.rank {width:24px; height:24px; font-family:"Cafe24SsurroundAir"; font-size:15px; color:var(--white); line-height:36px;} #campagin2026 .c_rank .cr_list li i.user {width:22px; height:22px;} #campagin2026 .c_rank .cr_list li p {gap:10px; font-family:"Cafe24SsurroundAir"; font-size:18px; line-height:30px;} #campagin2026 .c_rank .cr_list li mark {padding-right:5px;font-size:15px;line-height:30px;} #campagin2026 .c_rank .cr_comment {padding-top:10px;} #campagin2026 .c_rank .cr_comment li {font-size:14px; line-height:21px; letter-spacing:-0.2px;} #campagin2026 .c_more {padding-top:35px; padding-bottom:70px;} #campagin2026 .c_more .title {font-size:24px; line-height:32px; letter-spacing:-0.5px;} #campagin2026 .c_more .cm_swiper{margin-top:20px; padding:45px 0 34px;} #campagin2026 .c_more .cmw_box{gap:10px;} #campagin2026 .c_more .cmw_txt strong {margin-bottom:10px; font-size:20px; line-height:30px; letter-spacing:-1px;} #campagin2026 .c_more .cmw_txt p {font-size:15px; line-height:23px;} #campagin2026 .c_more .cmw_txt span {gap:5px;} #campagin2026 .c_more .cmw_txt p i {top:3px; width:16px; height:16px;} #campagin2026 .c_more .swiper-button-next, #campagin2026 .c_more .swiper-button-prev {width:30px; height:30px; margin-top:-15px;} #campagin2026 .c_more .swiper-button-prev {left:15px;} #campagin2026 .c_more .swiper-button-next {right:15px;} #campagin2026 .c_more .swiper-pagination {gap:12px; margin-top:22px;} #campagin2026 .c_more .swiper-pagination-bullet {width:9px; height:9px;} #campagin2026 .c_youtube .cy_wrap {padding-bottom:58px;} #campagin2026 .c_youtube .cy_title {display:flex; flex-wrap:wrap; align-content:flex-end; min-height:230px; padding:0 25px; padding-right:110px;} #campagin2026 .c_youtube .cy_title mark {font-size:15px; line-height:25px;} #campagin2026 .c_youtube .cy_title .title.t1 {font-size:24px; line-height:34px; letter-spacing:-0.5px;} #campagin2026 .c_youtube .cy_swiper {margin-top:18px; padding:0 25px;} #campagin2026 .c_youtube .cys_wrap{border-radius:10px; border:var(--white) solid 1px;} #campagin2026 .c_youtube .cy_swiper span{left:10px; bottom:-30px; max-width:calc(100% - 20px); font-size:15px; line-height:23px;} #campagin2026 .c_youtube .cy_swiper .swiper-button-next, #campagin2026 .c_youtube .cy_swiper .swiper-button-prev {width:34px; height:34px; margin-top:-17px;} #campagin2026 .c_youtube .cy_model {display:flex !important; right:0; top:-35px; bottom:auto; min-width:auto; width:170px;} #campagin2026 .c_youtube .cy_swiper span {left:25px} #campagin2026 .c_notice {padding-top:35px; padding-bottom:40px;} #campagin2026 .c_notice .cn_txt + .cn_txt {margin-top:21px;} #campagin2026 .c_notice .cn_txt strong{font-size:16px;} #campagin2026 .c_notice .cn_txt .cn_desc + .cn_desc{margin-top:8px;} #campagin2026 .c_notice .cn_txt span, #campagin2026 .c_notice .cn_txt li, #campagin2026 .c_notice .cn_txt a{line-height:21px;} #campagin2026 .c_notice .cn_txt li {box-sizing:border-box; padding-left:12px;} #footer {padding-bottom:calc(40px + 56px);} } @media (max-width:360px) { #ui-datepicker-div.ui-datepicker {width:280px; max-width:calc(100vw - 16px); border-radius:10px;} #ui-datepicker-div .ui-datepicker-header {padding:10px 12px;} #ui-datepicker-div .ui-datepicker-title {font-size:16px; line-height:24px;} #ui-datepicker-div .ui-datepicker-calendar {width:calc(100% - 14px); margin:7px;} #ui-datepicker-div .ui-datepicker-calendar thead th {padding:0 0 6px; font-size:11px; line-height:16px;} #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span {width:30px; height:30px; font-size:14px; line-height:18px; border-radius:7px;} #campagin2026 .c_reward {padding-bottom:50px;} #campagin2026 .c_reward::before {width:760px; margin-left:-380px;} #campagin2026 .c_reward::after {top:212px;} #campagin2026 .c_reward .cr_box {padding-top:26px;} #campagin2026 .c_reward .cr_receipt .crr_content.t1 > mark {max-width:250px; font-size:19px; line-height:27px; letter-spacing:-0.7px;} #campagin2026 .c_event .ce_range li {flex-wrap:wrap; gap:5px;} #campagin2026 .c_event .ce_range li span {padding-left:13px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > mark {font-size:22px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 .crrc_box > strong {padding:0 40px; line-height:30px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li strong span {font-size:19px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 strong {font-size:27px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li p {font-size:15px;} #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t1 p mark, #campagin2026 .c_reward .cr_receipt .crr_content.t2 .ccrc_reward li.t2 p mark {font-size:18px;} }