/* True rendered 3D icons, with fixed layout boxes to prevent image-load shifts. */
.icon3d{display:inline-block!important;width:28px!important;height:28px!important;max-width:none!important;min-width:0;aspect-ratio:1;flex:0 0 auto;object-fit:contain!important;border:0!important;border-radius:0!important;background:none!important;vertical-align:middle;margin:0;box-shadow:none!important;transition:transform .25s ease;pointer-events:none}
.btn .icon3d,.text-link .icon3d,.dropdown-heading .icon3d{width:24px!important;height:24px!important}
.header-contact .icon3d{width:28px!important;height:28px!important}
.hero-note .icon3d{width:30px!important;height:30px!important}
.hero-orbit .icon3d{width:44px!important;height:44px!important}
.program-tab .icon3d{width:26px!important;height:26px!important}
.menu-chip .icon3d{width:23px!important;height:23px!important}
.value .icon3d{width:38px!important;height:38px!important}
.story-stamp .icon3d{width:30px!important;height:30px!important}
.feature>.icon3d{width:46px!important;height:46px!important;margin-bottom:15px}
.check-list li>.icon3d{width:30px!important;height:30px!important;margin-top:0}
.detail-item>.icon3d{width:30px!important;height:30px!important;margin-top:0;margin-left:-3px}
.detail-item{grid-template-columns:30px minmax(0,1fr)}
.contact-card>.icon3d{width:62px!important;height:62px!important;display:block!important;margin-bottom:22px}
.contact-card .btn .icon3d{width:25px!important;height:25px!important}
.map-address>span .icon3d{width:30px!important;height:30px!important}
.card-action .icon3d{width:30px!important;height:30px!important;border:0!important;padding:0!important;transform:none}
.program-card:hover .card-action .icon3d,.voucher-card:hover .card-action .icon3d{transform:translateX(3px)}
.tool-icon .icon3d{width:35px!important;height:35px!important}
.tool-icon{min-height:32px}.tool-kakao .tool-icon{background:none;padding:0}.back-top>.icon3d{width:26px!important;height:26px!important}
.mobile-bar>a>.icon3d:not(:first-child){display:none!important}
.brand-icon3d{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;padding:3px;border-radius:10px;background:linear-gradient(145deg,#fff,#dde5ed);box-shadow:inset 0 1px 1px #fff,inset -2px -3px 4px #29465726,0 3px 0 #a6b9c7,0 6px 9px #29465723;transform:perspective(100px) rotateX(5deg) rotateY(-5deg);vertical-align:middle;transition:transform .25s,box-shadow .25s}
.brand-icon3d svg{width:29px;height:29px;max-width:none;filter:drop-shadow(0 1px 1px #29465738)}
.brand-icon3d-naver{background:linear-gradient(145deg,#72e99b,#02a849);box-shadow:inset 0 1px 2px #b3ffcf,inset -2px -3px 5px #00642555,0 3px 0 #087c3b,0 6px 10px #087c3b33}
.brand-icon3d-instagram{background:linear-gradient(145deg,#b891ef,#eb91b6 55%,#ffd79d);box-shadow:inset 0 1px 2px #ffffffcc,inset -2px -3px 5px #79479944,0 3px 0 #9d6799,0 6px 10px #9d679933}
.tool-link:hover .brand-icon3d,.blog-card:hover .brand-icon3d{transform:perspective(100px) translateY(-2px) rotateX(0) rotateY(0)}
.blog-card>div>.brand-icon3d{width:42px;height:42px;margin-right:12px;margin-bottom:12px}.blog-card>div>.brand-icon3d svg{width:35px;height:35px}
@media(max-width:760px){.tool-icon .icon3d{width:31px!important;height:31px!important}.quick-toolbar .tool-link{min-height:45px;width:42px}.quick-toolbar .brand-icon3d{width:31px;height:31px}.quick-toolbar .brand-icon3d svg{width:26px;height:26px}.quick-toolbar .tool-label{display:none}.mobile-bar>a>.icon3d:first-child{width:30px!important;height:30px!important}.mobile-bar>a{gap:3px}.program-tab .icon3d{width:21px!important;height:21px!important}.hero-orbit .icon3d{width:34px!important;height:34px!important}.feature>.icon3d{width:40px!important;height:40px!important}.detail-item{grid-template-columns:30px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.icon3d,.brand-icon3d{transition:none;transform:none}.tool-link:hover .brand-icon3d{transform:none}}
