/* header */


header ul { display: inline-flex; gap: 20px; } 
header ul li, .subBanner ul li { list-style:none; } 

.subBanner { width: 100%; max-width: 100%; padding: 100px 0 50px 0; background-color: var(--sub-banner-bg-color, #333333); min-height: var(--sub-banner-min-height, clamp(400px, 40vw,500px)); display: flex; align-items: center; justify-content: center; } 
/* 기본(움직임 효과 끔): 배경이미지를 스케일 없이 cover 로 꽉 채운다 — 패럴럭스 변수/레이어 없음 */
.page .subBanner, .category .subBanner, .single .subBanner, .archive .subBanner, .search .subBanner { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; }
/* 사용자정의 '상단 배경이미지 움직임 효과' 사용 시에만 custom.js 가 html 에 이 클래스를 붙인다 */
.goyo-subbanner-parallax-enabled .page .subBanner, .goyo-subbanner-parallax-enabled .category .subBanner, .goyo-subbanner-parallax-enabled .single .subBanner, .goyo-subbanner-parallax-enabled .archive .subBanner, .goyo-subbanner-parallax-enabled .search .subBanner { background-image: none !important; --subbanner-parallax-x: 0px; --subbanner-parallax-y: 0px; --subbanner-parallax-scale: 1.08; --subbanner-scroll-scale: 0; --subbanner-parallax-edge-padding: 26px; }
.goyo-subbanner-parallax-enabled .page .subBanner::before, .goyo-subbanner-parallax-enabled .category .subBanner::before, .goyo-subbanner-parallax-enabled .single .subBanner::before, .goyo-subbanner-parallax-enabled .archive .subBanner::before, .goyo-subbanner-parallax-enabled .search .subBanner::before { content: ""; position: absolute; top: calc(-1 * var(--subbanner-parallax-edge-padding)); right: calc(-1 * var(--subbanner-parallax-edge-padding)); bottom: calc(-1 * var(--subbanner-parallax-edge-padding)); left: calc(-1 * var(--subbanner-parallax-edge-padding)); background-image: var(--subbanner-bg-image, none); background-position: center center; background-size: cover; background-repeat: no-repeat; transform: translate3d(var(--subbanner-parallax-x), var(--subbanner-parallax-y), 0) scale(calc(var(--subbanner-parallax-scale) + var(--subbanner-scroll-scale))); transform-origin: center center; will-change: transform; z-index: 0; pointer-events: none; } 
.page .subBanner .subBannerOverlay, .category .subBanner .subBannerOverlay, .single .subBanner .subBannerOverlay, .archive .subBanner .subBannerOverlay, .search .subBanner .subBannerOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--sub-banner-overlay-bg-color, rgba(0, 0, 0, 0.3)); pointer-events: none; z-index: 1; } 
.page .subBanner > .container, .category .subBanner > .container, .single .subBanner > .container, .archive .subBanner > .container, .search .subBanner > .container { position: relative; z-index: 2; } 
 
.subBanner > .container { gap: 25px;width: 100%; max-width: var(--wp--style--global--content-size, 1380px); margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.page main > .subBanner, .category main > .subBanner, .single main > .subBanner, .archive main > .subBanner, .search main > .subBanner { position: sticky; top: 0; z-index: 1; } 
.admin-bar.page main > .subBanner, .admin-bar.category main > .subBanner, .admin-bar.single main > .subBanner, .admin-bar.archive main > .subBanner, .admin-bar.search main > .subBanner { top: 32px; } 
.page main > .contentBox, .category main > .contentBox, .single main > .contentBox, .archive main > .contentBox, .search main > .contentBox { position: relative; z-index: 2; background-color: var(--body-bg-color); } 

.single .subBanner { padding: 100px 0 30px 0; min-height: 320px; height: max-content; min-height: 320px; }
.single .subBanner > .container { flex-direction: column-reverse; gap: 20px;}
.single .subBanner .subNavWrap { transform: scale(0.85); transform-origin: center; }
.single .subBanner .pageTitle .pageTitleDate{margin: 5px 0 0 0;}
.single .subBanner .pageTitle {font-size: clamp(22px, 2vw, 34px);}

header .site-header.scActive ul.menu>li.menu-item > a { height: 60px; } 
header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 80px; transform: translate3d(0, 0, 0); transition: transform 0.36s ease, background-color 0.2s ease, height 0.2s ease; background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); will-change: transform; backface-visibility: hidden; } 
.front-page header {background-color: transparent !important;}
body.admin-bar header { top: 32px; } 
header.header-scroll-hidden { transform: translate3d(0, calc(-105% - 35px), 0); pointer-events: none;  } 
header.header-scroll-visible { transform: translate3d(0, 0, 0); pointer-events: auto; } 
header .container.wp-block-group .topleft { flex-basis:40% } 
header .container.wp-block-group .topright { flex-basis:60% } 

/* .front-page header{ background-color: transparent; } */
header .container { display: block; height: 100%; max-width: 1360px; transition: all 0.2s; margin: 0 auto; } 
header .container.wp-block-group { width: 100%; box-sizing: border-box; } 
header .goyo-header-row { display: flex; flex-wrap: nowrap; align-items: center; } 
header .goyo-header-row .wp-block-column { min-width: 0; } 
header .goyo-header-row .wp-block-column:nth-child(1) { max-width: 100%; } 
header .goyo-header-row .wp-block-column:nth-child(2) { display: flex; align-items: center; justify-content: flex-end; min-width: 0; } 
header .goyo-header-row .wp-block-column:nth-child(2) .goyo-header-right { max-width: 100%; } 
.goyo-header-brand { display: flex; align-items: center; flex-wrap: nowrap; column-gap: 12px; min-width: 0; flex-shrink: 0; 
    align-items: center; height: 60px; } 
.goyo-header-brand .wp-block-site-title { margin: 0; font-size: clamp(18px, 2vw, 24px); font-weight: 700; line-height: 1.2; color:#fff} 
.goyo-header-brand .wp-block-site-title a { text-decoration: none; color: inherit; } 
/* 사이트 로고( custom_logo )가 등록된 경우에만 제목 숨김 — 없으면 제목만 보임 */
.goyo-header-brand .wp-block-site-logo:has(img.custom-logo) + .wp-block-site-title { display: none !important; } 
.goyo-header-right { display: flex; align-items: center; flex-wrap: nowrap; flex: 0 1 auto; min-width: 0; } 

.logobox a, .goyo-header-brand .wp-block-site-logo a, .goyo-header-brand .custom-logo-link { display: flex; font-size: 24px; font-weight: bold; margin: var(--goyo-header-logo-margin, 0 12px 0 0); } 
.logobox .custom-logo, .goyo-header-brand .wp-block-site-logo .custom-logo, .goyo-header-brand .custom-logo { display: block; width: var(--goyo-header-logo-width, 180px); max-width: 100%; height: auto; object-fit: contain; } 
.gnb { display: flex; gap:0; align-items: center; } 
.menu { display: inline-block; position: relative; } 
.menu-item { position: relative; } 
.navWrap { display: flex; gap: 0; align-items: center; } 


header .menu-item > a { display: flex; color: var(--header-menu-font-color, var(--menu-top-color)); align-items: center; justify-content: center; padding: 0 16px; position: relative; height: 80px; font-size: var(--header-menu-font-size, clamp(18px, 1.2vw, 21px)); font-weight: var(--header-menu-font-weight, 500); font-family: var(--header-menu-font-family, inherit); } 
/* header .menu-item > a > span:nth-child(2) { display: none; }  */
header .menu-item.current-menu-item > a,
header .menu-item.current-menu-parent > a,
header .menu-item.current-menu-ancestor > a,
header .menu-item.current-page-ancestor > a,
header .menu-item.current-menu-item > a:hover,
header .menu-item.current-menu-parent > a:hover,
header .menu-item.current-menu-ancestor > a:hover,
header .menu-item.current-page-ancestor > a:hover,
header .menu-item.current-menu-item > a:focus-visible,
header .menu-item.current-menu-parent > a:focus-visible,
header .menu-item.current-menu-ancestor > a:focus-visible,
header .menu-item.current-page-ancestor > a:focus-visible { color: var(--menu-top-current-color); }
header .menu-item:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):not(.current-page-ancestor) > a:hover,
header .menu-item:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):not(.current-page-ancestor) > a:focus-visible { color: var(--menu-top-current-color); }
header .sub-menu { display: none; display:block; flex-direction: column; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    overflow: hidden; position: absolute; top: calc(100% - 5px); left: 50%; z-index: 101; 
    min-width: 150px; width:fit-content; visibility: hidden; border:1px solid var(--border-color);
    background-color: var(--submenu-bg-color); 
    transition: all 0.3s;; transform: translateX(-50%) translateY(5px); opacity: 0; border-radius: 4px; } 

.menu-item:hover .sub-menu { display: block; visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); } 
.sub-menu .menu-item { width: 100%; transition: all 0.2s; } 
.sub-menu .menu-item.prod-totalmenu { display: none !important; } 
.sub-menu .menu-item a { padding: 10px 12px; border-bottom: 1px solid var(--border-color); width: 100%; height: 100%; font-size: var(--header-submenu-font-size, 16px) !important; font-weight: var(--header-submenu-font-weight, 400); font-family: var(--header-submenu-font-family, inherit); text-align: center; color: var(--header-submenu-font-color, var(--submenu-text-color)); } 
.sub-menu .menu-item:last-child a { border-bottom: 0 !important; } 

/* sns — hover 시 서비스별 브랜드 컬러로 부드럽게 전환 */
header ul.sns { display: flex; gap: 0; } 
header ul.sns a { color: var(--header-menu-font-color); padding: 4px 0; line-height:1; font-size: var(--header-menu-font-size, clamp(18px, 1.2vw, 21px)); transition: color 0.28s ease;display: flex;
    align-items: center; justify-content: center; } 
header ul.sns li { margin-left: 20px; } 
header ul.sns li.insta a:hover { color: #f997bb; } 
header ul.sns li.blog a:hover { color: #09c21f; } 
header ul.sns li.youtube a:hover { color: #f33f3f; } 
header ul.sns li.facebook a:hover { color: #4a96f8; } 



/* 검색 박스 스타일 */
.search-box { position: relative; display: inline-block; z-index: 2; } 
.search-toggle { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-left: 16px; line-height: 1; border: 0; background-color: transparent; cursor: pointer; } 
/* 검색 아이콘: sns 링크( header ul.sns a )와 동일하게 커스터마이저 헤더 메뉴 글자색을 따른다 */
.search-toggle i { width: 24px; height: 24px; color: var(--header-menu-font-color, var(--menu-top-color-sub)); }
.search-form { position: absolute; right: 0; bottom: 0; z-index: 1; transform: translateY(70px); display: flex; align-items: center; min-width: min(280px, calc(100vw - 40px)); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; background: var(--body-bg-color); border: 1px solid var(--border-color2); border-radius: 40px; box-shadow: 0 10px 40px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.06) inset; padding: 6px 6px 6px 20px; } 
.search-form.active { z-index: 102; opacity: 1; visibility: visible; pointer-events: auto; } 
.search-submit { background: none; border: none; padding: 0; cursor: pointer; width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } 
.search-submit i { font-size: 20px; line-height: 1; color: var(--body-text-color); opacity: 0.85; } 
.search-field { flex: 1; min-width: 0; border: 0; outline: none; width: 160px; background-color: transparent; font-size: 16px; color: var(--body-text-color); border-radius: 30px; height: 40px; } 
.search-field:focus { border: 0; background-color: transparent; box-shadow: none; } 
.search-field::placeholder { color: rgba(225, 225, 225, 0.45); } 

/* 모바일 gnb */
.menu-container { position:fixed; top:0; right:0; z-index:9; -webkit-transition:.2s; transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; pointer-events:none } 
.menu-container.active { visibility:visible; pointer-events:auto; opacity:1 } 

.menu-container.active .more-navigation { top:0; right:0px; } 
 .menu-container .more-navigation { padding:80px 20px 50px 20px; overflow-y:scroll; position:absolute;    box-shadow: -10px 0 15px rgba(0, 0, 0, 0.05); right:-100px; z-index:1000; width:100%; max-width:320px; background:var(--body-bg-color); -webkit-transition:right .3s ease-in-out; transition:right .3s ease-in-out; -moz-transition:right .3s ease-in-out; -ms-transition:right .3s ease-in-out; -o-transition:right .3s ease-in-out } 
 body.admin-bar .menu-container .more-navigation { padding:126px 20px 50px 20px; }
.menu-container .more-navigation .toggle-btn { display:block; position:absolute; top:0; right:0px; z-index:1; width:48px; height:48px; background:url(../images/icon-arrow-down.svg) center/24px no-repeat; background-size: 18px; transition:.3s; transform:rotate(0); } 
.menu-container .more-navigation .toggle-btn.show { transition: 0.3s; transform: rotate(180deg); } 
.menu-container .more-navigation .button.menu-item { margin-left: 0; } 
.menu-container .more-navigation li { position: relative; } 
.menu-container .more-navigation li :last-child { margin-bottom: 0; } 
.menu-container .more-navigation li a { display:block; padding:14px 0; border-bottom: 1px solid var(--border-color); position:relative; height: inherit; font-size:20px; line-height:1; color:var(--body-text-color); text-align:left; } 
.menu-container .more-navigation li.button { display:block; margin-top:80px; margin-bottom:40px; padding:0; border:none; height:auto; line-height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px } 
.menu-container .more-navigation li.button a { padding: 12px; font-size: 20px; font-weight: normal; color: #fff; text-align: center; } 
.menu-container .more-navigation li .sub-menu { display: none; margin-left: 0; padding:0.7rem 0; } 
.menu-container .more-navigation li .sub-menu li { border-bottom: none; } 
.menu-container .more-navigation li .sub-menu li.current-menu-item > a , 
.menu-container .more-navigation li.current-menu-parent > a { background-color: inherit !important; color: inherit !important; } 
.menu-container .more-navigation li .sub-menu a { padding: 8px 0; border: 0; font-size: 18px; } 
.menu-container .more-navigation li.show .sub-menu { display:block!important; border:0; box-shadow:none; position:relative; top:inherit; left:inherit; width:100%; visibility:inherit; transform:none; opacity:inherit } 
.menu-container .active .more-navigation .current-page-item a { opacity: 1; } 
.menu-btn { display: none; } 
.menu-container,
.menu-container .overlay { width:100%; height:100%; visibility:hidden; opacity:0 } 
.menu-container .overlay.active {opacity: 0; visibility: hidden; display: none; position:absolute; z-index:51; background:rgba(0,0,0,.85); pointer-events: auto; } 
.menu-container.active .overlay.active { display: block; -webkit-transition:.2s; transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; opacity:1; } 

.subBanner .pageTitle { color: var(--sub-banner-page-title-font-color, var(--menu-top-current-color)); font-size: var(--sub-banner-page-title-font-size, clamp(24px, 3.2vw, 46px)); font-weight: var(--sub-banner-page-title-font-weight, 700); font-family: var(--sub-banner-page-title-font-family, inherit); }
.single .subBanner .pageTitle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0;
    text-align: center; font-family: 'Pretendard Variable', "Noto Sans KR", sans-serif !important; }
.subBanner .pageTitle .pageTitleDate { display: block; font-size: clamp(14px, 1.15vw, 16px); font-weight: 400; opacity: 0.9;margin: 10px 0; }
.menu-item > a, ul.sns a,
.menu-btn .menu-icon::before { color: var(--menu-top-color); }
.subBanner .subNav a { color: var(--sub-banner-subnav-font-color, var(--submenu-text-color)); font-size: var(--sub-banner-subnav-font-size, 17px); font-weight: var(--sub-banner-subnav-font-weight, 400); font-family: var(--sub-banner-subnav-font-family, inherit); border-radius: 30px; border: 0; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(5px); display: inline-flex; line-height: 1; padding: 15px 35px; align-items: center; justify-content: center; }
.subBanner .subNav a.active{ color:#fff !important; background-color: var(--subbanner-menu-color-active);}
.subBanner .subNav a:not(.active):hover { color: #fff; background-color: rgba(0, 0, 0, 0.5);}
.subBanner ul { display: inline-flex; gap: 15px;}

.sub-menu { background-color: var(--submenu-bg-color); } 
.sub-menu .menu-item a { color: var(--header-submenu-font-color, var(--submenu-text-color)); } 
.sub-menu .menu-item:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):not(.current-page-ancestor) a:hover  
 { color: var(--header-submenu-current-accent-color, var(--submenu-hover-text-color));  } 

.front-page .site-header ul.sns a,
.front-page .menu-icon::before { color: var(--menu-top-color); }

/* footer */
footer { color: var(--footer-text-color); background-color: #131313; } 
footer .container { display: flex; margin: 0 auto; width: 100%; max-width:calc(100% - 100px); justify-content: center; text-align: center; } 
footer ul.wp-block-navigation { margin-bottom: 20px; } 
footer .footer-navigation { text-align: center; margin-bottom: 20px; } 
footer .footer-nav { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0 4px; padding: 0; margin: 0; list-style: none; } 
footer .footer-nav li { list-style: none; } 
footer .footer-nav li a { padding: 4px 12px; display: inline-block; } 
footer .wp-block-navigation a, footer .wp-block-navigation .wp-block-navigation-item__content, footer .menu-item > a { color: var(--footer-link-color) !important; font-weight: 500; font-size: clamp(14px, 1.4vw, 17px); white-space: nowrap; word-break: keep-all; height: inherit; transition: color 0.2s ease; } 
footer .wp-block-navigation a:hover, footer .wp-block-navigation a:focus-visible, footer .wp-block-navigation .wp-block-navigation-item__content:hover, footer .wp-block-navigation .wp-block-navigation-item__content:focus-visible, footer .menu-item > a:hover, footer .menu-item > a:focus-visible { color: var(--footer-link-hover-color) !important; } 
footer p { font-size: clamp(13px, 1.1vw, 15px); margin-block-start:7px !important; } 
footer p span { color: #d4d4d4; margin-right: 3px; margin-left: 10px; } 
footer p span:first-child { margin-left: 0; } 
footer br.onlymobile { display: none; } 

.floatRight { display: flex; gap: 10px; flex-direction: column; position: fixed; right: 20px; bottom:30px; z-index: 51; width: 45px; height: max-content; } 
.front-page .floatRight { bottom: 40px; } 
.gotoTop { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 45px; height: 45px; border-radius: 8px; font-size: 20px; overflow: hidden; position: relative; background-color: rgba(255, 255, 255, 0.75); color: #e0e0e0; border: 1px solid rgb(255 255 255 / 25%); } 
.gotoTop i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 1; } 
.kakaochat { box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 45px; height: 45px; background-color: #ebe00a; color: #333; border-radius: 8px; } 
.kakaochat a, .navertalk a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.kakaochat i { font-size: 24px; color: rgb(47, 39, 12); } 
.navertalk { box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 45px; height: 45px; background-color: #1ce43a; background-image: url(../images/naver_talk.jpg); background-size: cover; color: #333; border-radius: 8px; }
.navertalk i { font-size: 0; }
.kakaochat[data-tooltip],
.navertalk[data-tooltip] { position: relative; }
.kakaochat[data-tooltip]::before,
.navertalk[data-tooltip]::before { content: attr(data-tooltip); font-size: 12px; line-height: 1; letter-spacing: -0.2px; color: #fff; background-color: #000; padding: 7px 10px; border-radius: 6px; white-space: nowrap; position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.15s ease; z-index: 52; }
.kakaochat[data-tooltip]::after,
.navertalk[data-tooltip]::after { content: ""; position: absolute; right: calc(100% + 4px); top: 50%; transform: translateY(-50%); border: 6px solid transparent; border-left-color: #000; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.15s ease; z-index: 52; }
.kakaochat[data-tooltip]:hover::before,
.kakaochat[data-tooltip]:hover::after,
.navertalk[data-tooltip]:hover::before,
.navertalk[data-tooltip]:hover::after { opacity: 1; visibility: visible; }

@media screen and (max-width:1450px) { 
    header .container { max-width: 96%; } 
}

@media screen and (max-width:1200px){
 .gnb { display: none; } 
 .menu-container.active .gnb { display: block; width: 100%; } 
 header { margin-top: 0; } 
 header, .front-page header.scActive { height: 60px; } 
 .front-page header .container { max-width: 97%; } 
 .menu-btn { display: block; position: absolute; top: 10px; right: 10px; z-index: 9999; width: 40px; height: 40px; cursor: pointer; } 
 .menu-btn .menu-icon { width: 32px; height: 32px; position: relative; } 
 .menu-btn .menu-icon::before { color: var(--menu-top-color-sub); width: 32px; height: 32px; position: absolute; display: inline-block; font-family: "bootstrap-icons"; content: '\F479'; font-weight: 400; font-size: 32px; line-height: 1; top: 6px; left: 0; } 
 .front-page .menu-icon::before { color:var(--menu-top-color); } 
 .menu-btn.active .menu-icon::before { color:var(--body-text-color); content: "\F659"; } 
 .menu-container .menu {width: 100%;}
 .menu-container .more-navigation li { display: block; } 
 .menu-container .more-navigation { height: 100vh; } 
 .menu-container .more-navigation > div { display: flex; align-items: start; justify-content: start; flex-direction: column; } 
 .menu-container .sns li a { border-bottom: 0; color: var(--body-text-color) !important; } 
 .menu-container .sub-menu .current-menu-item a, 
 .menu-container .subNav a.active, 
 .menu-container .more-navigation li .sub-menu li.current-menu-item > a , 
 .menu-container .more-navigation li.current-menu-parent > a { background-color: inherit !important; color: inherit !important; } 
 .menu-container .more-navigation li.current-menu-parent > a, 
 .menu-container .sns li:first-child { margin-left: 0; } 
 .menu-container .sns { margin-top: 30px; margin-left: 0; } 
 header .container { padding: 0 20px; } 
 .search-box { position: absolute; top: 17px; right: 60px; } 
 .search-form { transform: translateY(70px) translateX(50px); } 
 footer .container { max-width: 100%; padding:0 25px; } 
 }


@media screen and (max-width:820px) {
 header { height: 60px;  } 
 .front-page header.scActive { margin-top: 0; } 

 .logobox, .goyo-header-brand .wp-block-site-logo { width: 200px; } 

 footer { padding: 40px 0; } 
 .footText > p { font-size: 14px; } 
 .footText > p > span { margin-left: 0; } 
 .footText br.onlymobile { display: block; } 
 .contactGrid { grid-template-columns: 1fr; grid-template-rows: auto auto auto; height: auto; gap: 20px 0; margin-bottom: 40px; } 
 .page-contact .contactGrid > div { padding: 20px; } 
 .contactGrid .cGridMonth { grid-column: 1; grid-row: 1; } 
 .contactGrid .cGridMap { grid-column: 1; grid-row: 3; } 
 .contactGrid .cGridWrite { grid-column: 1; grid-row: 2; } 
 
 
    body.admin-bar header { top: 46px; } 
    .single .subBanner { padding: 60px 0 0; min-height: 260px; --sub-banner-min-height: 260px; }
    .single .subBanner .subNavWrap { transform: scale(0.7); }
 .admin-bar.page main > .subBanner, .admin-bar.category main > .subBanner, .admin-bar.single main > .subBanner, .admin-bar.archive main > .subBanner, .admin-bar.search main > .subBanner { top: 46px; } 
 
}

@media screen and (max-width: 600px) {
	html #wpadminbar { position: fixed !important; top: 0; left: 0; width: 100%; }
 }

@media screen and (max-width:520px){
    header .container.wp-block-group .topleft { flex-basis:60% } 
header .container.wp-block-group .topright { flex-basis:40% } 
 .logobox a, .goyo-header-brand .wp-block-site-logo a { font-size: 22px; } 
 .page-contact .contactGrid > div { padding: 20px 10px; } 
 header .container { padding: 0 15px; max-width: 100%; } 

 .site-header { margin-top: 0px; } 
 .menu-btn { top: 10px; right: 5px; } 
 .search-box { position: absolute; top: 17px; right: 50px; } 
 .search-form { transform: translateY(60px) translateX(50px); } 
 footer { margin: 0; padding: 30px 0; border-radius: 0; } 
 footer .container { line-height: 1.4; } 
 footer .footText { width: 100%; } 
 .footText > p { font-size: 13px; } 
 .edit_footer_address > br { display: block; } 
 .footText span:nth-child(2) { display: inline-block; } 
 .footer-nav li a { font-size: 14px; padding-right: 12px; } 
 .subNav li { min-width: 30%; } 
 
	.subNavWrap:has(.subNav > li:nth-child(3)) { width: 100%; max-width: 100%; align-self: stretch; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
	.subNavWrap:has(.subNav > li:nth-child(3))::-webkit-scrollbar { display: none; }
	.subNavWrap:has(.subNav > li:nth-child(3)) .subNav { display: flex; flex-wrap: nowrap; margin-left: 25px;padding-right: 25px; justify-content: flex-start; width: max-content; max-width: none; gap: 7px; }
	.subNavWrap:has(.subNav > li:nth-child(3)) .subNav li { flex-shrink: 0; min-width: 0; }
    .subNavWrap .subNav li a{font-size: 14px !important;padding: 15px 25px;}
}

/* 우선 순위  */
.sub-menu .current-menu-item > a,
.sub-menu .current-menu-item > a:hover,
.menu-container .more-navigation li .sub-menu li.current-menu-item > a,
.menu-container .more-navigation li .sub-menu li.current-menu-item > a:hover { color: var(--header-submenu-current-accent-color, var(--current-menu-color)) !important; }
.subNav a.active,
.menu-container .more-navigation li.current-menu-item > a,
.menu-container .more-navigation li.current-menu-parent > a,
.menu-container .more-navigation li.current-post-ancestor > a,
.mainNew .content li .title { color: var(--current-menu-color) !important; } 

/* ── goyominimal 기준 헤더 추가/오버라이드 ───────────────────────────── */
.front-page header.scActive { background-color: rgba(0, 0, 0, 0.1) !important; }
.menu-container .more-navigation li a { font-weight: 500 !important; }
.menu-container .more-navigation li.show .sub-menu { background-color: inherit !important; }
.menu-btn .menu-icon::before { color: #ffffff; }
.front-page .menu-icon::before { color: var(--header-menu-font-color); }
.gotoTop i { color: #444; }
@media screen and (max-width: 1200px) {
	.menu-btn .menu-icon::before { color: #ffffff; }
	.front-page .menu-icon::before { color: #ffffff; }
    .menu-container .more-navigation li.current-menu-parent > a { color: inherit !important;}
}