@layer components{.sub-nav-tabs:before,.sub-nav-tabs:after{content:"";z-index:1;background:linear-gradient(to bottom,var(--color-surface-default),var(--color-surface-default)90%,transparent);pointer-events:none;width:8px;height:28px;position:absolute;top:0}.sub-nav-tabs:before{left:-8px}.sub-nav-tabs:after{right:-8px}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-duration:initial;--tw-ease:initial}}}@layer components{.sazo-input.searchable-gnb-input{height:calc(var(--spacing,.25rem)*12);cursor:text;padding-block:calc(var(--spacing,.25rem)*0);box-shadow:inset 0 11px 3px rgba(0,0,0,.01),inset 0 7px 3px rgba(0,0,0,.02),inset 0 4px 2px rgba(0,0,0,.04),inset 0 2px 2px rgba(0,0,0,.05),inset 0 0 1px rgba(0,0,0,.06)}.sazo-input.searchable-gnb-input:focus-within:not(.input-disabled){border-color:var(--color-border-brand,var(--color-brand-500));--tw-outline-style:none;box-shadow:inset 0 0 0 1px var(--color-border-brand),inset 0 11px 3px 0 rgba(0,0,0,.01),inset 0 7px 3px 0 rgba(0,0,0,.02),inset 0 4px 2px 0 rgba(0,0,0,.04),inset 0 2px 2px 0 rgba(0,0,0,.05),inset 0 0 1px 0 rgba(0,0,0,.06);outline-style:none}.searchable-gnb-input .sazo-input-lead,.searchable-gnb-input .sazo-input-tail{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));flex-shrink:0;overflow:hidden}.searchable-gnb-input .sazo-input-lead{width:calc(var(--spacing,.25rem)*6)}.searchable-gnb-input .sazo-input-tail{width:calc(var(--spacing,.25rem)*9);cursor:pointer}.searchable-gnb-input:focus-within .sazo-input-lead{width:calc(var(--spacing,.25rem)*0);opacity:0}.searchable-gnb-input:not(:focus-within) .sazo-input-tail{pointer-events:none;opacity:0}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer components{.main-banner-container{position:relative}.main-banner-container .contoller-container{top:calc(var(--spacing,.25rem)*0);width:100%;min-width:960px;height:100%;position:absolute}.main-banner-container .contoller-container .index-wrap{z-index:10;right:5rem;bottom:calc(var(--spacing,.25rem)*4);position:absolute}@media (min-width:960px){.main-banner-container .contoller-container .index-wrap{right:calc(50% - 440px)}}.main-banner-container .contoller-container .button-wrap{z-index:10;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%}.main-banner-container .contoller-container .button-wrap.left{left:5rem}@media (min-width:960px){.main-banner-container .contoller-container .button-wrap.left{left:calc(50% - 440px)}}.main-banner-container .contoller-container .button-wrap.right{right:5rem}@media (min-width:960px){.main-banner-container .contoller-container .button-wrap.right{right:calc(50% - 440px)}}@media (hover:hover) and (pointer:fine){.main-banner-container .contoller-container .button-wrap{opacity:0;transition:opacity var(--duration-micro)ease-in-out}.main-banner-container:hover .contoller-container .button-wrap{opacity:1}.main-banner-container:has(:focus-visible) .contoller-container .button-wrap{opacity:1}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}