/*25 new*/

body.scroll-up .ap-nav-wrapper{transform:translateY(60px)}
#header.has-activated-gnb ~ main .ap-nav-wrapper{transform:translateY(60px)}
.ap{container-name:article;container-type:inline-size}
.ap-post{--primary-color:#4075ff;background-color:#fff;letter-spacing:normal;font-family:Gellix,NotoSansKR,"Arita",sans-serif}
.ap-post *{box-sizing:border-box}
.ap-post p{margin:0}
.ap-post sup{position:relative;top:-0.35em;line-height:0}
.ap-post h1,.ap-post h2,.ap-post h3,.ap-post h4,.ap-post h5,.ap-post h6,.ap-post th,.ap-post td{font-weight:inherit}
.ap-post .pc-only{display:block}
.ap-post .mo-only{display:none}
@media (max-width: 720px){
.ap-post .pc-only{display:none}
.ap-post .mo-only{display:block}
}
.ap-pos-r{position:relative !important}
.ap-pos-a{position:absolute !important;width:100%}
.ap-ta-l{text-align:left}
.ap-ta-c{text-align:center}
.ap-ta-r{text-align:right}
.ap-text--weight-m{font-weight:500}
.ap-text--weight-sb{font-weight:600}
.ap-text--highlight{color:var(--point-color)}
.ap-text--underline{text-decoration:underline}
.ap-section{--cont-w:1520}
@media (max-width: 720px){
.ap-section{--cont-w:720}
}
.ap-section__inner{width:clamp(1px, calc(1520 / var(--cont-w) * 100cqi), 1520px);margin:0 auto;padding:clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px);text-align:center}
.ap-section--intro{--cont-w:1920;color:#fff}
.ap-section--intro .ap-image img{width:100%;max-height:clamp(1px, calc(766 / var(--cont-w) * 100cqi), 766px);-o-object-fit:cover;object-fit:cover;-o-object-position:70%;object-position:70%}
.ap-section--intro .ap-section__textwrap{top:clamp(1px, calc(140 / var(--cont-w) * 100cqi), 140px);text-align:center}
.ap-section--intro .ap-section__textwrap .ap-image{width:clamp(1px, calc(465 / var(--cont-w) * 100cqi), 465px);margin:0 auto clamp(1px, calc(52 / var(--cont-w) * 100cqi), 52px)}
.ap-section--intro .ap-section__desc{margin-bottom:clamp(1px, calc(60 / var(--cont-w) * 100cqi), 60px);font-size:clamp(11px, calc(32 / var(--cont-w) * 100cqi), 32px);line-height:1.5}
.ap-section--intro .ap-section__title{font-size:clamp(11px, calc(40 / var(--cont-w) * 100cqi), 40px);font-weight:500;line-height:1.4}
.ap-section--intro .ap-tab-list{display:flex;border-bottom:1px solid #ddd}
.ap-section--intro .ap-tab-list__item{width:33.3333333333%}
.ap-section--intro .ap-tab-list__item .ap-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:clamp(1px, calc(314 / var(--cont-w) * 100cqi), 314px);line-height:1}
.ap-section--intro .ap-tab-list__item + .ap-tab-list__item{border-left:1px solid #ddd}
.ap-section--intro .ap-tab-list__num{padding:clamp(1px, calc(4 / var(--cont-w) * 100cqi), 4px) clamp(1px, calc(12 / var(--cont-w) * 100cqi), 12px);background:#f0f0f0;border-radius:clamp(1px, calc(20 / var(--cont-w) * 100cqi), 20px);font-size:clamp(11px, calc(28 / var(--cont-w) * 100cqi), 28px);font-weight:600;color:#666666}
.ap-section--intro .ap-tab-list__title{margin-top:clamp(1px, calc(26 / var(--cont-w) * 100cqi), 26px);font-size:clamp(11px, calc(36 / var(--cont-w) * 100cqi), 36px);font-weight:600;color:#4076ff}
.ap-section--intro .ap-tab-list__title--01{color:#1043c7}
.ap-section--intro .ap-tab-list__title--02{color:#f53c50}
.ap-section--intro .ap-tab-list__desc{margin-top:clamp(1px, calc(14 / var(--cont-w) * 100cqi), 14px);font-size:clamp(11px, calc(24 / var(--cont-w) * 100cqi), 24px);font-weight:500;color:#999999}
@media (max-width: 720px){
.ap-section--intro{--cont-w:720}
.ap-section--intro .ap-image img{max-height:clamp(1px, calc(904 / var(--cont-w) * 100cqi), 904px)}
.ap-section--intro .ap-section__textwrap{top:clamp(1px, calc(200 / var(--cont-w) * 100cqi), 200px)}
.ap-section--intro .ap-section__textwrap .ap-image{width:clamp(1px, calc(427 / var(--cont-w) * 100cqi), 427px);margin:0 auto clamp(1px, calc(52 / var(--cont-w) * 100cqi), 52px)}
.ap-section--intro .ap-section__desc{font-size:clamp(11px, calc(32 / var(--cont-w) * 100cqi), 32px);line-height:1.5}
.ap-section--intro .ap-section__title{font-size:clamp(11px, calc(36 / var(--cont-w) * 100cqi), 36px);line-height:1.4444}
.ap-section--intro .ap-tab-list__item .ap-tab{height:clamp(1px, calc(246 / var(--cont-w) * 100cqi), 246px)}
.ap-section--intro .ap-tab-list__title{font-size:clamp(11px, calc(34 / var(--cont-w) * 100cqi), 34px)}
}
.ap-section--promise .ap-nav{width:33.3333333333%}
.ap-section--promise .ap-nav-wrapper{position:fixed;top:0;left:0;z-index:10;width:100%;border-bottom:1px solid #dddddd;background:#fff;transition:transform 0.3s ease,opacity 0.3s;opacity:0;pointer-events:none;box-shadow:0 15px 26px rgba(0, 0, 0, 0.06)}
.ap-section--promise .ap-nav-list{max-width:clamp(1px, calc(1440 / var(--cont-w) * 100cqi), 1440px);display:flex;margin:0 auto;height:80px}
.ap-section--promise .ap-nav + .ap-nav{border-left:1px solid #dddddd}
.ap-section--promise .ap-nav-link{height:100%;display:flex;justify-content:center;align-items:center;font-size:clamp(20px, calc(26 / var(--cont-w) * 100cqi), 26px)}
.ap-section--promise .ap-nav-link.active{height:calc(100% + 1px);font-weight:600;border-bottom:3px solid #000}
.ap-section--promise .ap-nav:nth-child(1) .active{color:#1043c7;border-color:#1043c7}
.ap-section--promise .ap-nav:nth-child(2) .active{color:#f53c50;border-color:#f53c50}
.ap-section--promise .ap-nav:nth-child(3) .active{color:#4076ff;border-color:#4076ff}
.ap-section--promise__section{display:flex;align-items:center;min-height:clamp(1px, calc(960 / var(--cont-w) * 100cqi), 960px)}
.ap-section--promise__section--reduce{--point-color:#ffffff;background:#6691ff}
.ap-section--promise__section--reuse{--point-color:#f53c50;background:#ffebec}
.ap-section--promise__section--reuse .ap-section__inner{flex-direction:row-reverse}
.ap-section--promise__section--recycle{--point-color:#4076ff;background:#ebf3fd}
.ap-section--promise__section .ap-section__inner{display:flex;gap:clamp(1px, calc(60 / var(--cont-w) * 100cqi), 60px)}
@media (max-width: 1100px){
.ap-section--promise__section .ap-section__inner{padding:clamp(1px, calc(50 / var(--cont-w) * 100cqi), 50px) clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px) clamp(1px, calc(60 / var(--cont-w) * 100cqi), 60px)}
.ap-section--promise__section .ap-section__inner br.pc-only{display:none}
}
.ap-section--promise__section .ap-section__textwrap{color:#000;width:clamp(1px, calc(720 / var(--cont-w) * 100cqi), 720px);text-align:left}
.ap-section--promise__section .ap-section__imgwrap{flex-shrink:1;width:clamp(1px, calc(660 / var(--cont-w) * 100cqi), 660px)}
.ap-section--promise__section .ap-section__imgwrap .ap-image-caption{min-height:clamp(1px, calc(56 / var(--cont-w) * 100cqi), 56px);margin-top:clamp(1px, calc(20 / var(--cont-w) * 100cqi), 20px);font-size:clamp(11px, calc(24 / var(--cont-w) * 100cqi), 24px);line-height:1.25;text-align:left;color:#000}
.ap-section--promise__section .ap-section__imgwrap .ap-image-caption__sup{margin-top:clamp(1px, calc(16 / var(--cont-w) * 100cqi), 16px);font-size:clamp(11px, calc(16 / var(--cont-w) * 100cqi), 16px);display:block;color:#333}
.ap-section--promise__section .ap-section__num{margin-bottom:clamp(1px, calc(32 / var(--cont-w) * 100cqi), 32px);font-size:clamp(11px, calc(18 / var(--cont-w) * 100cqi), 18px);font-weight:400;color:#bbb;line-height:1}
.ap-section--promise__section .ap-section__num strong{font-size:clamp(11px, calc(20 / var(--cont-w) * 100cqi), 20px);font-weight:600}
.ap-section--promise__section .ap-section__title{margin-bottom:clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px);font-size:clamp(20px, calc(60 / var(--cont-w) * 100cqi), 60px);font-weight:500;line-height:1.3333}
.ap-section--promise__section .ap-section__desc{margin-top:clamp(1px, calc(16 / var(--cont-w) * 100cqi), 16px);font-size:clamp(14px, calc(20 / var(--cont-w) * 100cqi), 20px);line-height:1.6}
.ap-section--promise__section .ap-swiper{flex-shrink:1;overflow:hidden}
.ap-section--promise__section .ap-swiper-pager{margin-top:clamp(1px, calc(20 / var(--cont-w) * 100cqi), 20px);display:flex;justify-content:center;gap:clamp(1px, calc(10 / var(--cont-w) * 100cqi), 10px)}
.ap-section--promise__section .ap-swiper-pager .swiper-pagination-bullet{margin:0;width:clamp(1px, calc(15 / var(--cont-w) * 100cqi), 15px);height:clamp(1px, calc(15 / var(--cont-w) * 100cqi), 15px);background:#b9b9b9;opacity:0.4}
.ap-section--promise__section .ap-swiper-pager .swiper-pagination-bullet-active{border:0;opacity:1;background:#000}
@media (max-width: 720px){
.ap-section--promise .ap-nav-list{height:clamp(1px, calc(80 / var(--cont-w) * 100cqi), 80px)}
.ap-section--promise .ap-nav-link{font-size:clamp(11px, calc(32 / var(--cont-w) * 100cqi), 32px)}
.ap-section--promise__section--reuse .ap-image-caption{line-height:1 !important}
.ap-section--promise__section .ap-section__inner{flex-direction:column;gap:clamp(1px, calc(80 / var(--cont-w) * 100cqi), 80px);width:100%;padding:clamp(1px, calc(120 / var(--cont-w) * 100cqi), 120px) 0 clamp(1px, calc(100 / var(--cont-w) * 100cqi), 100px)}
.ap-section--promise__section .ap-section__textwrap{flex-shrink:1;min-width:0;padding:0 clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px)}
.ap-section--promise__section .ap-section__imgwrap{width:100%}
.ap-section--promise__section .ap-section__imgwrap .ap-image{padding:0 clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px)}
.ap-section--promise__section .ap-section__imgwrap .ap-image-caption{margin-top:clamp(1px, calc(24 / var(--cont-w) * 100cqi), 24px)}
.ap-section--promise__section .ap-section__imgwrap .ap-image-caption__sup{margin-top:clamp(1px, calc(12 / var(--cont-w) * 100cqi), 12px);font-size:clamp(11px, calc(20 / var(--cont-w) * 100cqi), 20px)}
.ap-section--promise__section .ap-section__num{margin-bottom:clamp(1px, calc(28 / var(--cont-w) * 100cqi), 28px)}
.ap-section--promise__section .ap-section__num strong{font-size:clamp(11px, calc(28 / var(--cont-w) * 100cqi), 28px)}
.ap-section--promise__section .ap-section__title{margin-bottom:clamp(1px, calc(36 / var(--cont-w) * 100cqi), 36px);font-size:clamp(11px, calc(44 / var(--cont-w) * 100cqi), 44px);line-height:1.2727}
.ap-section--promise__section .ap-section__desc{font-size:clamp(11px, calc(24 / var(--cont-w) * 100cqi), 24px);line-height:1.5}
.ap-section--promise .ap-swiper{width:100%}
.ap-section--promise .ap-swiper .swiper-slide:first-child{padding-left:clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px)}
.ap-section--promise .ap-swiper .swiper-slide:last-child{padding-right:clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px)}
.ap-section--promise .ap-swiper-pager{margin-top:clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px);gap:clamp(1px, calc(12 / var(--cont-w) * 100cqi), 12px)}
.ap-section--promise .ap-swiper-pager .swiper-pagination-bullet{width:clamp(1px, calc(18 / var(--cont-w) * 100cqi), 18px);height:clamp(1px, calc(18 / var(--cont-w) * 100cqi), 18px)}
}
.ap-section--outro{padding-top:clamp(1px, calc(80 / var(--cont-w) * 100cqi), 80px);padding-bottom:clamp(1px, calc(160 / var(--cont-w) * 100cqi), 160px)}
.ap-section--outro .ap-image{width:clamp(1px, calc(120 / var(--cont-w) * 100cqi), 120px);margin:0 auto clamp(1px, calc(40 / var(--cont-w) * 100cqi), 40px)}
.ap-section--outro .ap-section__desc{font-size:clamp(14px, calc(20 / var(--cont-w) * 100cqi), 20px);line-height:2;color:#333333}
.ap-section--outro .ap-section__list{margin:clamp(1px, calc(32 / var(--cont-w) * 100cqi), 32px) 0;font-size:clamp(14px, calc(20 / var(--cont-w) * 100cqi), 20px);line-height:1;color:#6094d3}
.ap-section--outro .ap-section__list li{display:flex;justify-content:center;align-items:center;gap:clamp(1px, calc(8 / var(--cont-w) * 100cqi), 8px)}
.ap-section--outro .ap-section__list li::before{display:block;width:clamp(1px, calc(4 / var(--cont-w) * 100cqi), 4px);height:clamp(1px, calc(4 / var(--cont-w) * 100cqi), 4px);background-color:#6094d3;content:""}
.ap-section--outro .ap-section__list li + li{margin-top:clamp(1px, calc(16 / var(--cont-w) * 100cqi), 16px)}
@media (max-width: 720px){
.ap-section--outro{padding-bottom:clamp(1px, calc(100 / var(--cont-w) * 100cqi), 100px)}
.ap-section--outro .ap-image{margin-bottom:clamp(1px, calc(60 / var(--cont-w) * 100cqi), 60px)}
.ap-section--outro .ap-section__inner{width:100%}
.ap-section--outro .ap-section__desc{font-size:clamp(11px, calc(24 / var(--cont-w) * 100cqi), 24px);line-height:1.6667}
.ap-section--outro .ap-section__list{font-size:clamp(11px, calc(24 / var(--cont-w) * 100cqi), 24px)}
}
/*# sourceMappingURL=hug-campaign.css.map */