.banner-color{max-width:1840px;padding:0 20px;box-sizing:border-box;margin:0 auto;min-height:600px;background:url(/images/sub/resources/colors/banner-color.png) no-repeat 50% 50%;background-size:cover;display:flex;align-items:center;justify-content:center}.banner-color>div{padding:30px 0}.banner-color>div>p{color:#fff;text-align:center;font-size:64px;font-family:Pretendard-Bold,sans-serif;line-height:130%;margin-bottom:30px}.banner-color>div>div{color:hsla(0,0%,100%,.7);text-align:center;text-shadow:4.193px 4.193px 41.932px rgba(11,77,162,.25);font-family:Pretendard-SemiBold,sans-serif;font-size:24px;line-height:150%}.banner-color>div>div>p{white-space:pre-line}.colors{max-width:1460px;margin:0 auto;padding:145px 20px 155px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 1%}.colors>section{width:49%}.colors>section:first-child{margin-bottom:150px}.colors>section h2{border-radius:12px;background:#f5f5f5;color:#111;font-size:20px;font-family:Pretendard-SemiBold,sans-serif;line-height:140%;text-align:center;padding:12px 0;margin-bottom:25px}.colors>section ul{display:flex;flex-wrap:wrap;gap:40px 20px}.colors>section ul>li{text-align:center;box-sizing:border-box}.colors>section ul>li>div{width:127px;height:127px}.colors>section ul>li>p{margin-top:8px;color:#666;font-size:13px;line-height:normal;text-align:left}.colors>section ul>li>p span{color:#111;font-family:Pretendard-SemiBold,sans-serif}@media screen and (max-width:767px){.colors>section{width:100%}}