.search-modal{align-items:flex-start}.search-modal .modal-panel{width:100%;animation:search-modal-panel-show .5s var(--liquid-ease) .25s backwards;border-top:0;border-radius:0 0 clamp(16px,14.5143px + .380952vw,20px) clamp(16px,14.5143px + .380952vw,20px);box-shadow:0 2px 24px -6px #0003,inset 0 -1px 2px #ffffff1a}@keyframes search-modal-panel-show{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.search-modal .modal-header{justify-content:center;align-items:center;width:100%;min-height:clamp(60px,48.8571px + 2.85714vw,90px);display:flex}.search-modal .modal-content{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(10px,6.28571px + .952381vw,20px)}.search-modal .search-input{width:100%;max-width:1200px;position:relative}.search-modal .search-input .icon{width:40px;height:40px;color:var(--font-sec-color);justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.search-modal .search-input input{border:1px solid var(--border-color);width:100%;height:40px;color:var(--font-color);appearance:none;background-color:#fff;border-radius:10em;padding-left:50px;padding-right:50px;font-size:16px}.search-modal .search-input input:focus,.search-modal .search-input input:focus-visible{outline:2px solid var(--primary-color)}.search-modal .search-input input::placeholder{color:var(--font-sec-color);opacity:.5}.search-modal .search-input .modal-header-btn{width:40px;height:40px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.search-modal .search-results-status{color:var(--font-sec-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1em;min-height:180px;font-size:1rem;display:flex}.search-modal .search-results-status .loading-skeleton{min-height:auto}.search-modal .search-results-list{margin:0;padding:0;list-style:none}.search-modal .search-results-list li{margin:.75em 0}.search-modal .search-results-list li a{color:var(--font-color);justify-content:space-between;align-items:center;text-decoration:none;display:flex;position:relative}.search-modal .search-results-list li a:before{content:"";z-index:-1;background-color:var(--background-sec-color);opacity:0;border-radius:10em;transition:opacity .35s;position:absolute;inset:-5px -10px}.search-modal .search-results-list li a:active:before{opacity:1}.search-modal .search-results-list li a .search-results-text{font-weight:500}.search-modal .search-results-list li a .search-results-date{color:var(--font-sec-color);margin-left:.5em;font-size:.875rem;font-weight:400}.search-modal .search-results-list li a .search-results-type{background-color:rgb(from var(--primary-color) r g b/.15);color:var(--primary-color);border-radius:999px;padding:2px 10px;font-size:.875rem;line-height:1}.search-modal .search-results-highlight{color:var(--primary-color);background-color:#0000}[data-theme=dark] .search-input input{background-color:var(--background-sec-color)}@media (hover:hover) and (pointer:fine){.search-modal .search-results-list li a:hover:before{opacity:1}}
#site-header{z-index:100;width:100%;height:auto;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);transition:top .25s;position:fixed;top:0;left:0}#site-header:after{content:"";background-color:var(--background-sec-color);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}#site-header>.inner{z-index:1;width:100%;width:var(--inner-width);max-width:var(--inner-max-width);height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}#site-header>.inner>*{align-items:center;display:flex}#site-header .logo{align-items:center;width:100%;display:flex}#site-header .logo>a{color:var(--primary-color);white-space:nowrap;background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;font-size:28px;font-weight:700;transition:all .35s;display:flex}#site-header .logo>a:active{transform:scale(1.1)}#site-header .logo img{width:clamp(90px,71.4286px + 4.7619vw,140px);height:auto}#site-header .gnb-btn{gap:clamp(4px,2.51429px + .380952vw,8px)}#site-header .gnb-btn>a,#site-header .gnb-btn button{width:36px;height:36px;color:var(--font-color);background-color:#0000;border:0;justify-content:center;align-items:center;transition:opacity .35s,transform .35s;display:inline-flex}#site-header .gnb-btn>a>svg,#site-header .gnb-btn button>svg{width:100%;height:100%;fill:var(--font-color)}#site-header .gnb-btn>a>span,#site-header .gnb-btn button>span{font-size:32px}@media (hover:hover) and (pointer:fine){#site-header .gnb-btn>a:hover,#site-header .gnb-btn button:hover{opacity:.7}}#site-header .gnb-btn>a:active,#site-header .gnb-btn button:active{transform:scale(1.1)}#site-header .btn-back button{width:28px;height:28px}#site-header .btn-back button .icon{font-size:28px}html.scrollDown #site-header{top:calc(var(--header-height)*-1)}html.scrollUp #site-header{top:0}@media screen and (max-width:1023px){#site-header .btn-back{display:flex}}
#site-footer{z-index:2;background-color:var(--background-sec-color);padding-bottom:var(--safe-area-bottom);position:relative}#site-footer:after{content:"";left:0;right:0;bottom:calc(-1*var(--safe-area-bottom));height:var(--safe-area-bottom);background:var(--background-sec-color);position:absolute}#site-footer>.inner{max-width:var(--inner-max-width);width:var(--inner-width);justify-content:space-between;gap:20px 60px;margin:0 auto;padding:40px 0 32px;display:flex}#site-footer>.inner>*{width:100%}#site-footer .footer-title{color:var(--font-color);margin-bottom:12px;font-size:16px;font-weight:500}#site-footer .footer-info{overflow:hidden}#site-footer .footer-info>ul>li{color:var(--font-sec-color);font-size:12px;font-weight:300;display:flex}#site-footer .footer-info>ul>li+li{margin-top:4px}#site-footer .footer-info>ul>li b{margin-right:10px;font-weight:800}#site-footer .footer-copy{color:var(--font-sec-color);text-transform:uppercase;margin-top:20px;font-size:12px;font-weight:300}#site-footer .footer-link{flex:none;width:200px}#site-footer .footer-link .sns_link>ul{justify-content:flex-end;gap:10px;display:flex}#site-footer .footer-link .sns_link>ul>li>a{display:block}@media screen and (max-width:767px){#site-footer>.inner{flex-direction:column;gap:20px}#site-footer .footer-link{width:100%}#site-footer .footer-link .sns_link>ul{justify-content:center;gap:10px}#site-footer .footer-link .sns_link>ul>li>a{width:30px}}
#site-gnb{z-index:120;width:clamp(320px,50vw,640px);height:var(--header-height);justify-content:center;align-items:center;transition:top .25s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}#site-gnb.hide{display:none}#site-gnb>nav{width:100%;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);box-shadow:var(--box-shadow);border:0px solid var(--border-color);background-color:#e8e8e8b3;border-radius:10em;align-items:center;padding:5px;transition:transform .35s;display:flex;overflow:hidden}#site-gnb>nav:active{transform:scale(1.06)}#site-gnb>nav>ul{z-index:3;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));width:100%;display:grid;position:relative}#site-gnb>nav>ul>li{align-items:center;width:100%;height:100%;display:flex}#site-gnb>nav>ul>li>a{color:#000;text-align:center;border-radius:10em;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:50px;padding:4px 16px;display:inline-flex}#site-gnb>nav>ul>li>a .text{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;width:100%;font-size:clamp(10px,9.25714px + .190476vw,12px);font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}#site-gnb>nav>ul>li>a .icon{font-size:24px}#site-gnb>nav>ul>li>a .goods_icon{width:24px;height:24px;display:inline-block;position:relative}#site-gnb>nav>ul>li>a .cnt{text-align:center;background-color:var(--secondary-color);color:#fff;border-radius:10em;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:1;display:flex;position:absolute;top:-2px;left:100%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){#site-gnb>nav>ul>li>a{transition:opacity .35s ease-in-out}#site-gnb>nav>ul>li>a:hover{opacity:.7}}#site-gnb>nav>ul>li.active>a .icon{font-variation-settings:"FILL" 1}@media (hover:hover) and (pointer:fine){#site-gnb>nav>ul>li.active>a:hover{opacity:1}}#site-gnb>nav .icon{white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;flex:none;width:1em;height:1em;font-size:24px;line-height:1;transition:all .25s;display:inline-block;position:relative;overflow:hidden}#site-gnb>nav .menu-btn{z-index:5;background-color:#0000;border:0;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex;position:absolute;top:50%;left:0}#site-gnb>nav .menu-btn .icon{color:var(--primary-color);font-variation-settings:"FILL" 1}#site-gnb>nav .menu-btn{opacity:0;visibility:hidden;transform:translateY(-50%)}#site-gnb>nav .move-bg{z-index:0;pointer-events:none;background-color:#22222226;border-radius:10em;height:50px;position:absolute;top:50%;left:0;transform:scale(0)}html.scrollDown #site-gnb{top:calc(var(--header-height)*-1)}html.scrollUp #site-gnb{top:0}[data-theme=dark] #site-gnb>nav{background-color:#222222b3}[data-theme=dark] #site-gnb>nav>ul>li>a{color:#fff}[data-theme=dark] #site-gnb .move-bg{background-color:#e8e8e826}@media screen and (max-width:1023px){#site-gnb{width:clamp(320px,90vw,520px);height:0;animation:site-gnb-show .5s var(--liquid-ease) .5s backwards;margin:0 auto;transition:none;position:sticky;top:auto;bottom:0;left:0;transform:translate(0)}@keyframes site-gnb-show{0%{opacity:0;transform:translateY(var(--header-height))}to{opacity:1;transform:translateY(0)}}#site-gnb>nav{position:absolute;bottom:20px;left:0}#site-gnb>nav>ul{min-width:clamp(310px,90vw - 10px,510px)}html.scrollDown #site-gnb>nav{transform:scale(.9)}html.scrollUp #site-gnb>nav{transform:scale(1)}}@media screen and (max-width:767px){#site-gnb>nav>ul>li>a .text{display:none}}