
/*
 * brand-root 네임스페이스 리셋
 * service 페이지 CSS(button.css 등)가 이미 로드된 경우 brand/auth 페이지에
 * 영향을 주지 않도록 충돌 규칙을 명시도로 재정의한다.
 */
.brand-root button:hover {
    transform: none;
    transition: none;
}

.brand-root .header{width:100vw;margin-top:0;left:0}.brand-root .header-brand{max-width:1040px}.brand-root{width:100%;margin-left:0}.brand-root .content-wrapper{display:flex;width:100%;justify-content:center;margin-bottom:0}.brand-root .content-wrapper .main-content{width:100%;max-width:unset;gap:0;padding:0}.main-content .page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:-moz-fit-content;height:fit-content;min-height:600px}.main-content .page .wrapper{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;width:100%;max-width:1040px;gap:40px;padding:120px 40px}.main-content .page .text{display:flex;flex-direction:column;align-items:center;max-width:680px;text-align:center;gap:20px;word-break:keep-all}.main-content .page .text h1{max-width:500px;font-size:40px;line-height:1.5}.main-content .page .text .orange{color:#ff5a1a}.main-content .page .text h2{font-size:20px;line-height:1.5}.main-content .page .text p{max-width:500px;font-size:18px;line-height:1.6}.main-content .page .image img{max-width:100%}.main-content .page .button-group button{min-width:150px;font-size:16px}.main-content .page .item-list{display:flex;gap:20px;margin-top:20px}.main-content .page .item-list .item{display:flex;flex-direction:column;height:100%;padding:40px;gap:40px}.page .item-list .item .text{align-items:flex-start;text-align:left}.page .item-list .item .text h2{font-size:18px}.page .item-list .item .text p{font-size:14px}.brand-root .footer{width:100vw;height:100%;min-height:-moz-fit-content;min-height:fit-content;display:flex;flex-direction:column;align-items:center;border-top:1px solid rgba(32,32,32,.1)}.brand-root .footer .footer-brand{width:100%;max-width:1040px;min-width:692px;display:flex;flex-direction:column;gap:20px;font-size:11px;font-weight:300;color:rgba(32,32,32,.8);padding:50px 40px}.brand-root .footer .footer-brand .logo-text{width:100px;margin-bottom:10px}.brand-root .footer .footer-brand .info{padding:0;gap:3px}.brand-root .footer .footer-brand .info h4{display:flex;gap:3px;font-size:11px;font-weight:400;flex-wrap:wrap}.brand-root .footer .footer-brand .info h4 a{text-decoration:none !important;color:inherit !important;word-break:break-word}.brand-root .footer .footer-brand .policy{display:flex;gap:12px;font-weight:500;flex-wrap:wrap}.brand-root .footer .footer-brand .policy a:hover{color:#ff5a1a}.brand-root .footer .footer-brand .copyright{font-size:10px;font-weight:400}@media only screen and (max-width: 800px){.brand-root .footer .footer-brand .logo-text{height:25px}.brand-root .footer .footer-brand{width:100%;max-width:unset;min-width:350px;padding:40px 20px}}@media only screen and (max-width: 1040px){.main-content .page{min-height:500px}.main-content .page .wrapper{max-width:680px}.main-content .page .text h1{font-size:32px;line-height:1.4}.main-content .page .text h2{font-size:20px}.main-content .page .text p{font-size:16px}.main-content .page .button-group button{min-width:150px;font-size:14px}.main-content .page .item-list .item{padding:20px}.page .item-list .item .text{align-items:flex-start;text-align:left}.page .item-list .item .text h2{font-size:14px}.page .item-list .item .text p{font-size:12px}}@media only screen and (max-width: 680px){.main-content .page .wrapper{max-width:350px;padding:80px 20px}.main-content .page{min-height:400px}.main-content .page .text h1{font-size:20px;line-height:1.4}.main-content .page .text h2{font-size:16px}.main-content .page .text p{font-size:14px}.main-content .page .button-group button{min-width:120px;font-size:12px}.main-content .page .item-list{margin-top:0px}}.brand-root .header-brand .brand-menu{font-size:16px;gap:40px}.brand-root .header-brand .brand-menu a{color:#111}
