@charset "utf-8";
/* 디자인 토큰 연동: DB(g5_site_info) 색상이 tokens.css 기본값을 덮어씀 (2026-07-12) */
:root {
  --c-primary: #006835;
  --c-accent: #6a3906;
}

/* 웹 */
#header {border-color:#006835;}
#nav ul li a:hover,
#nav ul li a:active {color:#6a3906;}
#nav .holder {color:#006835;}
#nav-sub {border-color:#006835;}
#nav-sub ul li a:hover,
#nav-sub ul li a:active {color:#6a3906;}
#custom h4 {color:#006835;}
.link_holder_parallax a:hover,
.link_holder_parallax a.active{background-color:#006835;}
.tooltip{background-color:#006835;}
#nav-left a:hover {color:#6a3906;}
#nav-left ul li a:hover {color:#6a3906;}
#nav-left ul li div a:hover {color:#6a3906 !important;}
#nav-left .holder {color:#006835;}
#nav-left .holder a {color:#006835;}
#ment {background-color:#ccc;}

/* [2026-08-22] 버튼에 마우스를 올리면 서브 색상 — 평소는 각 네비 블럭이 메인 색상으로 낸다 */
/* ⚠ 선택자를 .inquiry-btn 으로 좁힌다 — head3 는 대메뉴(.menu-item)에도 btn_site_bg 를 붙여 두어서
   그냥 .btn_site_bg 로 두면 대메뉴 칸까지 이 색으로 칠해진다(2026-08-22 실제로 그렇게 나왔다).
   글자색도 함께 지정한다 — 배경만 바꾸면 밝은 색에서 글자가 안 읽힌다. */
.inquiry-btn.btn_site_bg:hover{
  background-color:#006835!important;
  background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25))!important;
  color:#ffffff!important;
  filter:none!important;
}

/* [2026-08-23 대표님 지시] 대분류에 마우스가 올라가 풀다운이 내려온 동안에만
   온라인 문의 버튼을 흰 배경으로 — 내려온 배경색과 부딪히지 않게 한다.
   ⚠️ 세 네비 모두 `<nav class="gnb-area">` 와 `<a class="inquiry-btn">` 이 형제라 이 선택자가 통한다.
      네비 블럭마다 같은 규칙을 넣지 마라 — 여기 한 곳이 정본이다.
   ⚠️ 버튼 자신에 오버하면 이 조건이 거짓이 되므로 위 오버 규칙이 그대로 나온다(동작 무변경).
   ⚠️ 헤더 바탕이 흰색이라 배경만 흰색이면 윤곽이 사라진다 — 글자와 1px 윤곽선을 메인색으로 준다.
      border 가 아니라 inset box-shadow 를 쓰는 것은 버튼 크기를 바꾸지 않으려는 것이다.
   ⚠️ `:has()` 를 모르는 옛 브라우저는 이 규칙을 통째로 무시한다 = 지금 모습 그대로다. */
/* [2026-09-04] 네비 3번은 이 동작을 끈다(대표님 지시).
   규칙을 네비마다 복사하지 않고 여기에 제외 조건만 둔다 —
   버튼에 `keep-bg` 가 붙은 네비는 오버 때도 평소 색을 그대로 유지한다. */
.gnb-area:has(.menu-item:hover) ~ .inquiry-btn:not(.keep-bg){
  background-color:#ffffff!important;
  background-image:none!important;
  color:#006835!important;
  box-shadow:inset 0 0 0 1px #006835!important;
}

#gnb_top>ul>li>a:after {    display: block;    content: "";    width: 100%;    height: 4px;    background: #6a3906;    position: absolute;    bottom: 0;    left: 0;    transform: scaleX(0);    transition: transform 0.5s ease;}
#gnb_top>ul>li>a:hover:after {transform: scaleX(1);}

.mobileMenu_style1 .mobileMenu_top{background:#006835!important;}
.mobileMenu_style1 .mobile_menu_content .navclass > li > a:hover, .mobileMenu_style1 .mobile_menu_content .navclass > li.att > a{color:#6a3906!important;}
.mobileMenu_style1 .mobile_menu_content .navclass > li .mobile_sub_nvi a:hover{color:#6a3906!important;}

	#nav ul li {width:125px;}









@media screen and (max-width: 1000px){
#menu_nav > ul > li:hover > a,#menu_nav ul li.active a{color:#6a3906;}
}


/* 모바일 */
@media all and (max-width:767px) {
    /*h1 {background:#006835;}
    #header {background:#006835;}
    #header #top-depth ul li a {
        background:#006835;
        background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0.5) /*{global-active-background-start}*/), to( #006835 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
        background-image: -webkidt-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #006835 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #006835 /*{global-active-background-end}*/); /* FF3.6 */
        background-image:     -ms-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #006835 /*{global-active-background-end}*/); /* IE10 */
        background-image:      -o-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #006835 /*{global-active-background-end}*/); /* Opera 11.10+ */
        background-image:         linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #006835 /*{global-active-background-end}*/);
        background-color:transparent;
        border-right:1px #006835 solid;
		#menu_nav > ul > li:hover > a,#menu_nav ul li.active a{color:#6a3906;}
    }*/
}

#qna #clickSubmit {background:#006835;}
#qna #clickSubmit input,
#qna #clickSubmit button {background:#006835;}

/* GNB 글자색 */
#gnb_top > ul > li:hover > a,#gnb_top > ul > li a:hover,#gnb_top > ul > li a:focus {color:#6a3906}
#gnb_top.active > ul > li > a:hover, #gnb_top .active > ul > li > a:focus, .gnb_depth1 a.active{color:#6a3906!important;}
#gnb_top:before{border-top:1px solid #006835;}
#header #gnb_top.active:before{border-color: #e5e5e5}
.mobile_menu_content a.active{color:#6a3906!important;}


#privacy h4 {
    border-bottom: 2px #6a3906 solid;
}
.item-form table.form {
    border-top: 2px #6a3906 solid;
}