/* nav */
.nav { } 

.nav.pc { display: flex; } 

.nav.pc ul li { display: flex; align-items: center; position: relative; justify-content: center; } 

.nav.pc ul li.menu-item-has-children { } 

.nav.pc ul li a { } 

.nav.pc ul.menu-list { display: flex; gap: 1rem; } 

.nav.pc ul.menu-list li { } 

.nav.pc ul.menu-list li a { } 

.nav.pc ul.menu-list li a:hover { color: rgb(107, 114, 128); } 

.nav.pc ul.sub-menu { display: none; flex-direction: column; position: absolute; background: #fff; top: 100%; left: 50%; transform: translate(-50%, 0); padding: 15px; } 

.nav.pc ul.sub-menu li { } 

.nav.pc ul.sub-menu li a { color: #000; } 

.nav.pc ul.sub-menu li a:hover { color: #003113; } 

.nav.pc ul.menu-list li.menu-item-has-children:hover .sub-menu { display: flex; } 

.nav.pc ul.menu-list li.menu-item-has-children::after { content: ""; display: inline-block; width: 16px; height: 16px; background: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23ffffff"><path d="M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z" fill="%23ffffff"/></svg>') no-repeat; } 

.nav.pc ul li a { color: #000; white-space: nowrap; padding: 6px 8px; font-size: 1.125rem; font-weight: bold; } 

.nav.mobile { display: none; } 

.nav.mobile ul li { } 

.nav.mobile ul li.menu-item-has-children { } 

.nav.mobile ul li a { } 

.nav.mobile ul.menu-list { } 

.nav.mobile ul.menu-list li { } 

.nav.mobile ul.menu-list li a { } 

.nav.mobile ul.menu-list li a:hover { } 

.nav.mobile ul.sub-menu { } 

.nav.mobile ul.sub-menu li { } 

.nav.mobile ul.sub-menu li a { } 

.nav.mobile ul.sub-menu li a:hover { } 

.nav.mobile ul.menu-list li.menu-item-has-children:hover .sub-menu { } 

.nav.mobile ul.menu-list li.menu-item-has-children::after { } 

.nav.mobile ul li a { } 

/* instagram */
.sbi_load_btn { display: none !important; } 

#sb_instagram a { background-image: none !important; } 

#sb_instagram img { display: block !important; } 

/* slider */
.youtube-slider .n2-ss-section-main-content { padding: 0 !important; } 

/* floating bar */
.floating-bar { position: fixed; top: 50%; right: 3%; display: flex; flex-direction: column; transform: translate(0, -50%); z-index: 9; } 

.floating-bar a { border: 1px solid #666; padding: 0; border-radius: 30px; margin: 0 0 5px 0; font-size: 17px; color: #666; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; background: #ffffff94; position: relative; } 

.floating-bar a:after { display: none; content: attr(quick-title); position: absolute; right: 55px; top: 50%; margin-top: -15px; padding-right: 12px; width: 88px; height: 30px; line-height: 30px; text-align: right; color: #747474; font-size: 14px; font-weight: 500; white-space: nowrap; opacity: 0; transition: opacity .2s ease-in-out; } 

.floating-bar a:hover::after { display: block; opacity: 1; } 

.recently-viewed-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: auto; opacity: 0; z-index: -1; background: #fff; border: 1px solid #bbb; padding: 80px 20px 30px; border-radius: 10px; transition: 0.3s; } 

.recently-viewed-wrap.active { opacity: 1; z-index: 9; } 

.recently-viewed-wrap .close { display: flex; justify-content: center; padding: 10px 20px; background: #7eb364; color: #fff !important; font-weight: bold; position: absolute; top: 20px; right: 20px; border-radius: 8px; } 

.recently-viewed-wrap .recently-viewed { } 

.recently-viewed-wrap .recently-viewed h3 { position: absolute; top: 30px; left: 20px; font-size: 18px; font-weight: bold; } 

.notice-wrap { display: none !important; } 

.wbk-woo-add-gift-wrap { margin-bottom: 15px; } 

.wbk-woo-add-gift-wrap>h3 { } 

.wbk-woo-add-gift-wrap>select { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; cursor: pointer; } 

@media screen and (max-width: 992px) { } 

@media screen and (max-width: 768px) { /* nav */
.nav.pc { display: none; } 

.nav.mobile { display: flex; } 

/* floating bar */
.floating-bar { } 

.floating-bar a { width: 35px; height: 35px; } 

.recently-viewed-wrap { } 

.floating-bar a:after { display: none; } 
 }

@media screen and (max-width: 640px) { }