body.scroll-locked{overflow:hidden}header.hidden,header .mo-block{display:none}header{background-color:var(--color-gray-100);width:100%;position:relative}header .swiper-button-next:after,header .swiper-button-prev:after{display:none}header .main-header{background-color:var(--color-gray-100);z-index:4;width:100%;height:98px;position:fixed;top:40px;left:0}header .main-header.border-bottom{border-bottom:1px solid var(--color-gray-300)}header .main-header .main-header-container{z-index:10;width:100%;max-width:1520px;margin:0 auto;position:relative;top:50%}header .main-header .main-header-container .logo{z-index:20;cursor:pointer;position:absolute;top:0;left:0;transform:translateY(-50%)}header .main-header .main-header-container .logo h1{text-indent:-1000px;height:0}header .main-header .main-header-container .logo img{width:123px;height:auto}header .overlay{z-index:3;background:#0000004d;width:100%;height:100%;display:none;position:fixed;top:0;left:0}header .overlay.show{display:block}@media screen and (max-width:1560px){header .main-header .main-header-container{max-width:100%}header .main-header .main-header-container .logo{left:20px}}@media screen and (max-width:768px){header .mo-none{display:none}header .mo-block{display:block}header .main-header{z-index:5;height:58px;padding:0}header .main-header .main-header-container .logo img{width:92px}}
header .announcement-bar{background:var(--color-primary-200);z-index:5;width:100%;height:40px;padding:9px 0;position:fixed;top:0;left:0}header .announcement-bar .inner-box{width:290px;margin:0 auto}header .announcement-bar .notice-viewport{padding:0 30px;position:relative;overflow:hidden}header .announcement-bar .notice-track{display:flex}header .announcement-bar .notice-slide{text-align:center;flex:0 0 100%}header .announcement-bar .btn{cursor:pointer;background:var(--color-primary-200);justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%);margin:0!important}header .announcement-bar .btn svg{fill:none;object-fit:unset!important;object-position:unset!important;width:auto!important;height:auto!important}header .announcement-bar .notice-prev{right:unset;left:0}header .announcement-bar .notice-next{right:0;left:unset}header .announcement-bar .title{font-family:var(--font-sans);color:var(--color-primary-700);text-align:center;font-size:14px;font-weight:var(--font-weight-semibold);letter-spacing:-.28px;line-height:160%}@media screen and (max-width:768px){header .announcement-bar .inner-box{width:215px}}
header .searchbar-section{justify-content:center;align-items:center;width:100%;height:98px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .searchbar-section .searchbar-wrapper{width:460px;margin:0 auto;position:relative}header .searchbar-section .searchbar-wrapper #search-link{cursor:pointer;z-index:1;width:30px;height:30px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}header .searchbar-section .searchbar-wrapper .search_icon{width:100%}header .searchbar-section .searchbar-wrapper .searchbar{box-sizing:border-box;background-color:var(--color-primary-100);width:100%;height:50px;font-size:16px;line-height:50px;font-weight:var(--font-weight-medium);color:var(--color-gray-1200);border:none;border-radius:25px;padding-left:24px;padding-right:74px;transition:all .3s;position:relative}header .searchbar-section .searchbar-wrapper .searchbar::placeholder{color:#0006}header .preview{z-index:1000;width:100%;max-width:699px;display:none;position:absolute;top:80px;left:50%;transform:translate(-50%)}header .preview .product-list{max-height:316px;overflow-y:auto}header .product-list-fog{z-index:1000;border:2px solid #00f;width:100%;max-width:699px;height:316px;position:absolute;top:121px;left:10px;display:none!important}header .product-list .li-item{margin-bottom:20px;line-height:normal}header .product-list .li-item a{cursor:pointer;align-items:center;gap:16px;padding-right:20px;line-height:normal;transition:all .2s;display:flex}header .product-list .li-item a:hover{opacity:.5}header .product-list .thumbnail{border-radius:var(--radius-4);border:1px solid var(--color-gray-300);background:var(--color-gray-100);width:54px;height:54px;position:relative}header .product-list .thumbnail img{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .product-list .li-title{color:var(--color-gray-1200);font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:var(--font-weight-regular);line-height:22px}header .product-list .li-title p{color:var(--color-gray-1200);font-size:14px;font-style:normal;font-weight:var(--font-weight-semibold);letter-spacing:-.28px;gap:2px;line-height:22px;display:flex}header .product-list .li-title span{color:var(--color-danger-700);font-size:14px;font-style:normal;font-weight:var(--font-weight-semibold);letter-spacing:-.28px;line-height:22px}header .product-list svg{margin-left:auto}header .product-list .no-data{color:var(--color-gray-1200);font-family:var(--font-sans);font-size:14px;font-style:normal;font-weight:var(--font-weight-regular);line-height:22px}header .loading{border:1px solid var(--color-gray-300);border-top:1px solid var(--color-gray-1200);border-radius:var(--radius-circle);box-sizing:border-box;width:44px;height:44px;margin:0 auto;animation:1.4s linear infinite circle}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header .preview .fog-top{background:linear-gradient(180deg, var(--color-gray-100) 0%, #fff0 100%, #ffffff80 100%);visibility:hidden;width:100%;height:30px;display:block;position:absolute;top:0;left:0}header .preview .fog-bottom{background:linear-gradient(0deg, var(--color-gray-100) 0%, #fff0 100%, #ffffff80 100%);visibility:hidden;width:100%;height:30px;display:block;position:absolute;bottom:0;left:0}header .SearchRolling{background-color:var(--color-gray-100);z-index:-1;width:100%;height:350px;transition:all .3s;position:fixed;top:-530px;left:0}header .SearchRolling.show{top:138px}header .SearchRolling .pc{display:block}header .SearchRolling .mo{display:none}header .SearchRolling h2{font-size:14px;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-gray-1200);line-height:normal}header .RollingList{position:relative}header .RollingList p{color:#0000;cursor:pointer;font-size:16px;font-weight:700;line-height:normal;transition:all .3s;position:absolute;top:0;left:50%}header .RollingList p a{color:#0000;cursor:pointer;font-size:16px;font-weight:700;line-height:normal;transition:all .3s}header .MobileSearchbar,header .MobileSearchbarSectionproduct-list,header .MobileSearchbarWrapper{display:none}header .RollingList p a{font-weight:700}header .RollingList .p1{transform:translate(-50%)translateY(50px)}header .RollingList .p1 a{color:#0000001a}header .RollingList .p2{transform:translate(-50%)translateY(100px)}header .RollingList .p2 a{color:#0000004d}header .RollingList .p3{transform:translate(-50%)translateY(150px)}header .RollingList .p3 a{color:var(--color-gray-1200);font-size:20px;font-weight:700}header .RollingList .p4{transform:translate(-50%)translateY(200px)}header .RollingList .p4 a{color:#0000004d}header .RollingList .p5{transform:translate(-50%)translateY(250px)}header .RollingList .p5 a{color:#0000001a}header .RollingList .p6{transform:translate(-50%)translateY(300px)}header .RollingList .p0{transition:all;transform:translate(-50%)translateY(0)}header .RollingList .p0 a{transition:all}@media screen and (max-width:900px){header .searchbar-section .searchbar-wrapper{width:400px}}@media screen and (max-width:768px){header .searchbar-section,header .searchbar-section .searchbar-wrapper{display:none}header .SearchRolling{height:100vh;position:fixed;top:-100vh}header .SearchRolling.show{z-index:989;top:0}header .SearchRolling .pc{display:none}header .SearchRolling .mo{display:block}header .SearchRolling h2{margin:120px 0 0}header .MobileSearchbar{background-color:var(--color-gray-200);box-sizing:border-box;width:100%;height:40px;font-size:13px;font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:-.39px;border:none;border-radius:200px;padding:0 40px 0 24px;line-height:normal;transition:all .7s;display:block}header .MobileSearchClose{z-index:99999999;background-position:50%;background-repeat:no-repeat;background-size:cover;width:50%;height:150px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}header .MobileSearchClose img{width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .MobileSearchbar::placeholder{color:var(--color-gray-600);text-align:center}header .MobileSearchbarSection{width:100%;padding:0 20px;display:block;position:absolute;top:50px}header .MobileSearchbarSection.show{top:50px}header .MobileSearchbarWrapper{display:block;position:relative}header .MobileSearchbarWrapper img{cursor:pointer;z-index:1;width:22px;height:22px;position:absolute;top:50%;right:3px;transform:translate(-50%,-50%)}header .preview{top:70px}header .preview .product-list{height:calc(100vh - 206px);max-height:498px}}