@charset "utf-8";

/* 오른쪽 아래 "맨 위로" 버튼 */
.quickBtn { position: fixed; bottom: 90px; right: 50px; z-index: 98; display: none; }
.quickBtn ul li { border-radius: 50%; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); background: var(--point-color-primary); }
.quickBtn ul li.sns { margin-bottom: 8px; }
.quickBtn ul li a { width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; }
.quickBtn ul li img { width: 22px; height: auto; margin: 2px 0 0; }
.quickBtn ul li .icon[class*="icoArrow"] { width: 8px; height: 8px; border-left: 1px solid var(--mono-00); border-bottom: 1px solid var(--mono-00); }

@media all and (max-width: 768px) {
    .quickBtn { right: 12px; bottom: 80px; }
}

/* 모바일 검색 팝업 (search_overlay) */
#closeSearchBoxMo { position: absolute; right: 9%; top: 40px; display: block; width: 30px; height: 30px; cursor: pointer; z-index: 1009; }
#closeSearchBoxMo::before { content: ""; display: block; width: 25px; height: 1px; background: #000; transform: rotate(45deg) translate(-50%, -50%); position: absolute; left: 50%; top: 80%; }
#closeSearchBoxMo::after { content: ""; display: block; width: 25px; height: 1px; background: #000; transform: rotate(-45deg) translate(-50%, -50%); position: absolute; left: 50%; top: 20%; }

.searchBoxMoPopup { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1005; background: rgba(255, 255, 255, 0.9); }
.searchBoxMoPopup .searchBoxMoPopupInner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.searchBoxMoPopup .searchheader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100px; z-index: 1009; display: flex; align-items: center; border-bottom: 0; }
.searchBoxMoPopup .searchheader fieldset { border-bottom: 1px solid #000; }
.searchBoxMoPopup .searchheader fieldset input { background: none; }

@media (max-width: 1024px) { .searchBoxMoPopup { display: none; } }
@media (min-width: 1025px) { .searchBoxMoPopup { display: none !important; } }