/* 메인 페이지 섹션 스타일 (키비주얼·제휴사·이용단계·카드·혜택 등) */
.web-main *{word-break:keep-all!important}.web-main .conts-wrap{margin-left:auto;margin-right:auto;max-width:768px;width:100%}.web-main .transition{transform:.4s}.web-main .section-title-area{padding:0 var(--spacing-5)}.web-main .section-title-area .title{font-size:24px}@media (min-width:768px){.web-main .section-title-area .title{font-size:40px}}.web-main .section-title-area .desc{font-size:16px}@media (min-width:768px){.web-main .section-title-area .desc{font-size:20px}}.web-main .key-visual{background:url(../images/common/web_bg.webp) no-repeat 50%;background-size:cover}.web-main .key-visual .title{font-size:42px;line-height:1.3;padding-top:60px}@media (min-width:768px){.web-main .key-visual .title{font-size:60px;padding-top:80px}}.web-main .key-visual .btn-download{border-radius:28px;height:56px;margin-top:32px;padding:0 var(--spacing-9)}.web-main .key-visual .btn-download div{gap:var(--spacing-3)}.web-main .key-visual .btn-download p{font-size:16px}@media (min-width:768px){.web-main .key-visual .btn-download{border-radius:30px;height:60px;padding:0 var(--spacing-11)}.web-main .key-visual .btn-download p{font-size:20px}}.web-main .key-visual .btn-download .font-medium{font-weight:var(--font-weight-bold)}.web-main .key-visual .visual{margin-bottom:-55px;margin-top:53px;width:240px}@media (min-width:768px){.web-main .key-visual .visual{margin-bottom:-130px;margin-top:50px;width:320px}}.web-main .blocks{padding:80px 0}@media (min-width:768px){.web-main .blocks{padding:120px 0}}.web-main .blocks .section-title-area{margin-bottom:var(--spacing-10)}@media (min-width:768px){.web-main .blocks .section-title-area{margin-bottom:var(--spacing-11)}}.web-main .step{padding-bottom:0}@media (max-width:767px){.web-main .step .card-step-wrap{padding:var(--spacing-8) var(--spacing-5)}}@media (min-width:768px){.web-main .step .card-step-wrap{gap:var(--spacing-9);padding:var(--spacing-11) var(--spacing-5)}}.web-main .step .card-step-wrap .img{display:none}@media (min-width:768px){.web-main .step .card-step-wrap .img{display:block;width:360px}}.web-main .step .card-step-wrap .img img{border-radius:var(--radius-2xl)}.web-main .step .card-step-wrap .card-step{position:relative}@media (max-width:767px){.web-main .step .card-step-wrap .card-step{gap:var(--spacing-10)}}@media (min-width:768px){.web-main .step .card-step-wrap .card-step{gap:var(--spacing-11)}}.web-main .step .card-step-wrap .card-step:before{border:1px dashed #ececec;content:"";height:100%;left:39px;position:absolute;top:0}.web-main .kiosk .info .register .wrap{border-radius:var(--radius-2xl);font-size:24px;padding:var(--spacing-9) var(--spacing-8)}@media (min-width:768px){.web-main .kiosk .info .register .wrap{font-size:30px;padding:var(--spacing-10)}}.web-main .kiosk .info .register .wrap .txt-register{font-size:inherit}.web-main .kiosk .info .get{background:#f5f6f7 url(../images/common/web_02_04.webp) no-repeat 100% 100%;font-size:18px}@media (max-width:767px){.web-main .kiosk .info .get{background-size:100% auto;font-size:24px;height:380px}}@media (min-width:768px){.web-main .kiosk .info .get{background-size:auto 100%;font-size:30px;height:320px}}.web-main .kiosk .info .get .txt-get{font-size:inherit;padding:var(--spacing-9) var(--spacing-8)}@media (min-width:768px){.web-main .kiosk .info .get .txt-get{padding:var(--spacing-10);width:64%}}.web-main .kiosk .app-logo img{margin:0 auto;width:200px}@media (min-width:768px){.web-main .kiosk .app-logo img{width:300px}}.web-main .charge{background-color:#2c2a26;padding-bottom:0}.web-main .charge .charge-info{flex-direction:column}@media (min-width:768px){.web-main .charge .charge-info{flex-direction:row;justify-content:center}}.web-main .charge .charge-info .img img{margin:0 auto}@media (max-width:767px){.web-main .charge .charge-info .img img{width:216px}}@media (min-width:768px){.web-main .charge .charge-info .img img{width:380px}}.web-main .charge .info{flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8) var(--spacing-9)}@media (min-width:768px){.web-main .charge .info{flex-direction:row;gap:var(--spacing-7);margin:0 auto;padding:var(--spacing-11) var(--spacing-7);padding-left:0;padding-right:0;width:768px}}.web-main .charge .info .info-desc{gap:var(--spacing-6)}@media (min-width:768px){.web-main .charge .info .info-desc{width:356px}}.web-main .charge .info .info-desc svg{height:39px;width:39px}@media (min-width:768px){.web-main .charge .info .info-desc svg{height:48px;width:48px}}.web-main .card .info{gap:var(--spacing-5)}@media (min-width:768px){.web-main .card .info{gap:var(--spacing-7)}}.web-main .card .info .item{border-radius:var(--radius-2xl)}.web-main .card .info .item.card-charge{background:#7767fd url(../images/common/web_04_bg.webp) no-repeat center 53%;background-size:163%;font-size:24px;font-weight:600;text-align:center}@media (max-width:767px){.web-main .card .info .item.card-charge{gap:var(--spacing-9)}}@media (min-width:768px){.web-main .card .info .item.card-charge{background-position:center 122%;background-size:82%;font-size:40px;gap:var(--spacing-10);padding:var(--spacing-10) var(--spacing-8) 0}}.web-main .card .info .item.card-charge .title{font-size:24px}@media (max-width:767px){.web-main .card .info .item.card-charge .title{padding:var(--spacing-9) var(--spacing-8) 0}}@media (min-width:768px){.web-main .card .info .item.card-charge .title{font-size:30px}}.web-main .card .info .item.card-charge img{margin:0 auto}@media (max-width:767px){.web-main .card .info .item.card-charge img{margin-top:var(--spacing-5);width:200px}}@media (min-width:768px){.web-main .card .info .item.card-charge img{width:300px}}.web-main .card .info .item.traffic{background:#c8e2f9 url(../images/common/web_04_02.webp) no-repeat calc(100% - var(--spacing-4)) calc(100% - var(--spacing-4));background-size:96px;overflow:hidden;padding-right:90px!important}@media (min-width:768px){.web-main .card .info .item.traffic{background-size:128px;padding-right:120px!important}}.web-main .card .info .item.refund{background:#eee url(../images/common/web_04_03.webp) no-repeat calc(100% - var(--spacing-4)) calc(100% - var(--spacing-4));background-size:96px;overflow:hidden;padding-right:90px!important}@media (min-width:768px){.web-main .card .info .item.refund{background-size:128px;padding-right:120px!important}}.web-main .card .info .card-info{flex-direction:column;gap:var(--spacing-5)}@media (min-width:768px){.web-main .card .info .card-info{flex-direction:row;gap:var(--spacing-7)}}.web-main .card .info .card-info .item{font-size:18px;height:156px;padding:var(--spacing-9) var(--spacing-8) 0}@media (min-width:768px){.web-main .card .info .card-info .item{flex:1;font-size:20px;height:192px}}.web-main .card .info .card-info .item .title{font-size:inherit}.web-main .benefit{padding-bottom:0}.web-main .benefit .img{position:relative}.web-main .benefit .img img{margin:0 auto;width:69.3vw}@media (max-width:767px){.web-main .benefit .img img{max-width:270px}}@media (min-width:768px){.web-main .benefit .img img{width:360px}}.web-main .benefit .img-marquee{bottom:0;height:100%;left:0;overflow:hidden;padding-top:165px;position:absolute;width:100%}@media (min-width:768px){.web-main .benefit .img-marquee{align-items:center;padding-top:220px}}.web-main .benefit .img-marquee .marquee{position:relative;width:-moz-max-content;width:max-content}@media (max-width:767px){.web-main .benefit .img-marquee .marquee{animation:loop 6s linear infinite}}.web-main .benefit .img-marquee .marquee ul{flex-direction:row;gap:var(--spacing-5);padding-right:var(--spacing-5);width:-moz-max-content;width:max-content}@media (max-width:767px){.web-main .benefit .img-marquee .marquee ul.pc{display:none}}@media (min-width:768px){.web-main .benefit .img-marquee .marquee ul.mobile{display:none}}.web-main .benefit .img-marquee .marquee li{border-radius:12px;flex-shrink:0;min-height:206px;padding:45px var(--spacing-4) var(--spacing-7);width:160px}.web-main .benefit .img-marquee .marquee li div{gap:36px}.web-main .benefit .img-marquee .marquee li .benefit-title{font-size:32px}.web-main .benefit .img-marquee .marquee li .benefit-text{font-size:12px}@keyframes marquee-benefit{0%{left:100vw;opacity:0}15%{opacity:1}to{left:-1056px}}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-528px)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.web-main .benefit .img-marquee .marquee{justify-content:center}.web-main .benefit .img-marquee .marquee li{border-radius:16px;gap:24px;min-height:273px;padding:var(--spacing-11) var(--spacing-5) var(--spacing-9);width:212px}.web-main .benefit .img-marquee .marquee li div{gap:var(--spacing-10)}.web-main .benefit .img-marquee .marquee li .benefit-title{font-size:42px}.web-main .benefit .img-marquee .marquee li .benefit-text{font-size:16px}}@media (max-width:767px){.web-main .curation .marquee img{height:500px}}@media (min-width:768px){.web-main .curation .marquee img{width:1280px}.web-main .curation{padding-top:120px}.web-main .curation .img-marquee .marquee{animation:marquee-curation 15s linear infinite;gap:var(--spacing-9);top:290px}.web-main .curation .img-marquee .marquee li img{height:200px;width:200px}.web-main .curation .img-marquee .marquee li:nth-last-of-type(2n){margin-top:120px}.web-main .curation .img{padding-top:60px;width:400px}}.web-main .trip-diary{background:url(../images/common/web_main_trip_diary_bg.webp) no-repeat 50%;background-size:cover;height:619px}@media (min-width:768px){.web-main .trip-diary{height:678px}}.web-main .trip-diary .conts-wrap{align-items:center;display:flex;height:100%}.web-main .faq{padding-bottom:80px;padding-top:80px}@media (min-width:768px){.web-main .faq{padding-bottom:120px;padding-top:120px}}.web-main .faq .faq-list{padding-top:50px}@media (min-width:768px){.web-main .faq .faq-list{padding-top:60px}}.web-main .faq .faq-list .join-item p{font-size:18px;font-weight:500}.web-main .faq .btn-more{border-radius:28px;font-size:20px}@media (min-width:768px){.web-main .faq .btn-more{font-size:16px}}.web-main .faq .btn-more .font-medium{font-weight:var(--font-weight-bold)}.web-main .friends{padding-bottom:0}@media (min-width:768px){.web-main .friends .section-title-area{margin-bottom:80px}}@media (max-width:767px){.web-main .friends .img-area{margin-left:-122px;margin-right:-122px}.web-main .friends .img-area .pc{display:none}}@media (min-width:768px){.web-main .friends .img-area img{margin:0 auto;width:1200px}.web-main .friends .img-area .mobile{display:none}}
