section.section-notice{padding-top:250px}
section.section-notice .section-content{width:1280px;height:100%;margin-right:auto;margin-left:auto;padding-right:40px;padding-left:40px}
section.section-notice .section-content h2.headline{text-transform:uppercase;text-align:center;font-size:68px;font-weight:500;letter-spacing:-2.75px;line-height:80px}
section.section-notice .section-content h2.headline span{display:inline-block;vertical-align:top}
section.section-notice .section-content h2.headline + .card-list{padding-top:50px}
section.section-notice .section-content .card-list{padding-bottom:115px}

section.section-customer-inquiry{padding-top:250px;padding-bottom:110px}
section.section-customer-inquiry .section-content{width:1280px;height:100%;margin-right:auto;margin-left:auto;padding-right:40px;padding-left:40px}
section.section-customer-inquiry .section-content h2.headline{text-transform:uppercase;text-align:center;font-size:68px;font-weight:500;letter-spacing:-2.75px;line-height:80px}
section.section-customer-inquiry .section-content h2.headline span{display:inline-block;vertical-align:top}
section.section-customer-inquiry .section-content p.description{text-align:center;color:var(--dark-70);font-size:18px;letter-spacing:-1.35px;line-height:32px}
section.section-customer-inquiry .section-content h2.headline + p.description{margin-top:10px}
section.section-customer-inquiry .section-content form{}
section.section-customer-inquiry .section-content p.description + form{margin-top:140px}
section.section-customer-inquiry .section-content form .form-content{}
section.section-customer-inquiry .section-content form .form-content .form-box + .form-box{margin-top:64px}
section.section-customer-inquiry .section-content form .form-agree{}
section.section-customer-inquiry .section-content form .form-content + .form-agree{margin-top:120px}
section.section-customer-inquiry .section-content form .form-util{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}
section.section-customer-inquiry .section-content form .form-agree + .form-util{margin-top:30px}
section.section-customer-inquiry .section-content form .form-util button{display:-webkit-box;display:flex;min-width:140px;height:62px;padding:20px 34px;background-color:var(--white);border-radius:62px;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;transition:opacity 180ms ease-in-out;-webkit-transition:opacity 180ms ease-in-out;-moz-transition:opacity 180ms ease-in-out;-o-transition:opacity 180ms ease-in-out}
section.section-customer-inquiry .section-content form .form-util button.disabled{opacity:0.4;pointer-events:none}
section.section-customer-inquiry .section-content form .form-util button + button{margin-left:16px}
section.section-customer-inquiry .section-content form .form-util button span{display:inline-block;vertical-align:top;font-size:15px;font-weight:500;letter-spacing:-0.4px;line-height:22px}

section.section-benefit{padding-top:100px}
section.section-benefit .section-content{width:1280px;height:100%;margin-right:auto;margin-left:auto;padding-right:40px;padding-left:40px}
section.section-benefit .section-content .benefit-list{}
section.section-benefit .section-content .benefit-list .benefit-row{display:-webkit-box;display:flex;margin-right:-20px;margin-left:-20px}
section.section-benefit .section-content .benefit-list .benefit-row .benefit-column{padding:54px 20px 44px;flex:1}
section.section-benefit .section-content .benefit-list .benefit-row + .benefit-row .benefit-column{position:relative;padding-top:55px}
section.section-benefit .section-content .benefit-list .benefit-row + .benefit-row .benefit-column::before{content:'';display:block;position:absolute;top:0;right:20px;left:20px;border-bottom:1px solid var(--border)}
section.section-benefit .section-content .benefit-list .benefit-column span.icon{display:inline-block;vertical-align:top}
section.section-benefit .section-content .benefit-list .benefit-column span.icon svg{display:inline-block;width:52px;height:52px;vertical-align:top}
section.section-benefit .section-content .benefit-list .benefit-column span.icon svg path{fill:var(--dark)}
section.section-benefit .section-content .benefit-list .benefit-column h3.headline{color:var(--dark);font-size:26px;letter-spacing:-1.8px;line-height:40px}
section.section-benefit .section-content .benefit-list .benefit-column span.icon + h3.headline{margin-top:28px}
section.section-benefit .section-content .benefit-list .benefit-column p.description{color:var(--dark-70);font-size:18px;letter-spacing:-1.35px;line-height:32px}
section.section-benefit .section-content .benefit-list .benefit-column h3.headline + p.description{margin-top:10px}
section.section-benefit + section.section-recent{margin-top:150px}

@media only screen and (max-width: 768px) {
    section.section-notice{padding-top:100px}
    section.section-notice .section-content{width:100%;height:inherit;padding-right:20px;padding-left:20px}
    section.section-notice .section-content h2.headline{font-size:24px;letter-spacing:-0.5px;line-height:38px}
    section.section-notice .section-content h2.headline + .card-list{padding-top:37px}
    section.section-notice .section-content .card-list{padding-bottom:80px}

    section.section-customer-inquiry{padding-top:100px;padding-bottom:80px}
    section.section-customer-inquiry .section-content{width:100%;height:initial;padding-right:20px;padding-left:20px}
    section.section-customer-inquiry .section-content h2.headline{font-size:24px;letter-spacing:-0.5px;line-height:38px}
    section.section-customer-inquiry .section-content p.description{font-size:15px;letter-spacing:-1.13px;line-height:24px}
    section.section-customer-inquiry .section-content p.description + form{margin-top:60px}
    section.section-customer-inquiry .section-content form .form-content .form-box + .form-box{margin-top:30px}
    section.section-customer-inquiry .section-content form .form-content .form-box + .form-box{margin-top:30px}
    section.section-customer-inquiry .section-content form .form-content .form-box .form-row .form-column + .form-column{margin-top:30px}
    section.section-customer-inquiry .section-content form .form-content + .form-agree{margin-top:60px}
    .form-agree .form-agree-box{-webkit-box-pack:start;justify-content:flex-start}
    .form-agree .form-guidance + .form-agree-box{margin-top:30px}
    section.section-customer-inquiry .section-content form .form-util button + button{margin-left:10px}

    section.section-benefit{padding-top:20px}
    section.section-benefit .section-content{width:100%;height:initial;padding-right:20px;padding-left:20px}
    section.section-benefit .section-content .benefit-list .benefit-row{position:relative;margin-right:initial;margin-left:initial;-webkit-box-orient:vertical;flex-direction:column}
    section.section-benefit .section-content .benefit-list .benefit-row .benefit-column{position:relative;padding:40px 0;flex:initial}
    section.section-benefit .section-content .benefit-list .benefit-row .benefit-column + .benefit-column{padding-top:41px;padding-bottom:41px}
    section.section-benefit .section-content .benefit-list .benefit-row + .benefit-row .benefit-column::before{display:none}
    section.section-benefit .section-content .benefit-list .benefit-row .benefit-column + .benefit-column::before{content:'';display:block;position:absolute;top:0;right:0;left:0;border-bottom:1px solid var(--border)}
    section.section-benefit .section-content .benefit-list .benefit-row::after{content:'';display:block;position:absolute;bottom:0;right:0;left:0;border-top:1px solid var(--border)}
    section.section-benefit .section-content .benefit-list .benefit-column span.icon svg{width:50px;height:50px}
    section.section-benefit .section-content .benefit-list .benefit-column h3.headline{font-size:18px;letter-spacing:-1.26px;line-height:26px}
    section.section-benefit .section-content .benefit-list .benefit-column span.icon + h3.headline{margin-top:10px}
    section.section-benefit .section-content .benefit-list .benefit-column p.description{font-size:15px;letter-spacing:-1.13px;line-height:26px}
    section.section-benefit + section.section-recent{margin-top:100px}
}
