@charset "utf-8";
.main-header { z-index: 1000; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; transition: transform 0.5s ease-in-out; width: 100%; height: 66px; padding: 0 38px 0 31px; background: rgba(0, 0, 0, 0.75); color: #fff; }
.main-header.nav-up { transform: translateY(-100%); }
.main-header.nav-down { transform: translateY(0); }
/* .main-header.bg_active { background: #a97b4e; box-shadow: 5px 4px 4px rgba(73, 74, 79, 0.04); } */


.header_leftCont { display: flex; align-items: center; gap: 52px; height: 100%; }
.header_logoImg { width: 161px; }

.header_location { display: flex; align-items: center; gap: 7px; }
.header_location .icon_point { width: 10px; }
.header_location .location_text { font-family: var(--font-pre-l); font-size: 15px; color: #ffffff; }

.header_rightCont { display: flex; align-items: center; height: 100%; }
.header_rightCont .lnb_open_btn { display: flex; justify-content: center; align-items: center; padding: 0; border: none; outline: none; cursor: pointer; }
.header_rightCont .lnb_open_btn .icon_bars { align-self: flex-start; width: 13px; margin-top: 2px; }
.header_rightCont .lnb_open_btn span { margin: 0 14px 0 9px; font-family: var(--font-pre-l); font-size: 15px; color: #fff; }
.header_rightCont .lnb_open_btn .icon_arrow { width: 9px; }

.header_lnb { opacity: 0; position: absolute; top: 42px; right: 16px; transform: translateY(-50px); transition: 0.5s ease; width: 225px; padding-top: 12px; pointer-events: none; }
.header_lnb.open { opacity: 1; transform: translateY(0); pointer-events: auto; }
.header_lnb .lnb_bottomCont {  width: 100%; height: 548px; padding: 27px 0; background: #f3f0ef; border-radius: 19px; }
.header_lnb .lnb_bottomCont .bottomCont_nav { height: 100%; padding: 27px 5px 27px 27px; }
.header_lnb .lnb_bottomCont .bottomCont_listWrap { overflow-y: scroll; height: 100%; }
.header_lnb .lnb_bottomCont .bottomCont_listWrap::-webkit-scrollbar { width: 4px; background: transparent; }
.header_lnb .lnb_bottomCont .bottomCont_listWrap::-webkit-scrollbar-thumb { width: 4px; background: #a39d99; }
.header_lnb .lnb_bottomCont .list_title { position: relative; font-family: var(--font-pre-b); font-size: 17px; color: #8a6a65; cursor: pointer; }
.header_lnb .lnb_bottomCont .list_title::before,
.header_lnb .lnb_bottomCont .list_title::after { content: ""; position: absolute; top: 50%; transition: all 0.5s ease; background: #8a6a65; }
.header_lnb .lnb_bottomCont .noSubLink .list_title::before,
.header_lnb .lnb_bottomCont .noSubLink .list_title::after { display: none; }
.header_lnb .lnb_bottomCont .list_title::before { right: 18px; transform: translateY(-50%) rotate(0);  width: 1px; height: 14px; }
.header_lnb .lnb_bottomCont .list_title::after { right: 11px; transform: translateY(-50%) rotate(180deg);  width: 14px; height: 1px; }
.header_lnb .bottomCont_list.show .list_title::before { opacity: 0; transform: translateY(-50%) rotate(90deg); }
.header_lnb .bottomCont_list.show .list_title::after { transform: translateY(-50%) rotate(0); }
.header_lnb .lnb_bottomCont .list_linkWrap { transition: all 0.5s ease; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 0; height: 0; }
.header_lnb .lnb_bottomCont .list_linkWrap.show { gap: 20px; }
.header_lnb .lnb_bottomCont .list_linkWrap1.show { height: calc((16px * 6) + (20px * 5)); }
.header_lnb .lnb_bottomCont .list_linkWrap2.show { height: calc((16px * 3) + (20px * 2)); }
.header_lnb .lnb_bottomCont .list_linkWrap3.show { height: calc((16px * 4) + (20px * 3)); }
.header_lnb .lnb_bottomCont .list_linkWrap4.show { height: calc((16px * 4) + (20px * 3)); }
.header_lnb .lnb_bottomCont .list_linkWrap5.show { height: calc((16px * 4) + (20px * 3)); }
.header_lnb .lnb_bottomCont .list_link { font-family: var(--font-pre-r); font-size: 15px; color: #2a2a2a; cursor: default; }

.header_lnb .lnb_bottomCont .bottomCont_list { display: flex; flex-direction: column; gap: 0; transition: gap 0.5s ease; margin-bottom: 29px; }
.header_lnb .lnb_bottomCont .bottomCont_list.show { gap: 25px; }


@media (max-width: 768px) {
  .main-header { height: 9.7619vw; padding: 0 2.2619vw 0 1.8452vw; background: #fff; }
  

  .main-header .header_leftCont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .main-header .header_leftCont .header_logoImg { width: 20.7143vw; }

  .main-header .header_tel { width: 4.4643vw; }

  /* 햄버거 메뉴 */
  .toggle { position: relative; width: 5.2381vw; height: 3.5714vw; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.9524vw; transition-duration: .5s; }

  .bars { width: 100%; height: 0.5357vw; background-color: #473e3a; }
  #bar2 { transition-duration: .8s; }
  .toggle.open .bars { position: absolute; transition-duration: .5s; background: #473e3a; }
  .toggle.open #bar2 { transform: scaleX(0); transition-duration: .5s; }
  .toggle.open #bar1 { width: 100%; transform: rotate(45deg); transition-duration: .5s; }
  .toggle.open #bar3 { width: 100%; transform: rotate(-45deg); transition-duration: .5s; }
  .toggle.open { z-index: 999; transition-duration: .5s; transform: rotate(180deg); }
}
@media (max-width: 480px) {
  .main-header { height: 12.8125vw; padding: 0 2.9688vw 0 2.4219vw; background: #fff; }

  .main-header .header_leftCont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .main-header .header_leftCont .header_logoImg { width: 27.1875vw; }

  .main-header .header_tel { width: 5.8594vw; }

  /* 햄버거 메뉴 */
  .toggle { position: relative; width: 6.8750vw; height: 4.6875vw; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2500vw; transition-duration: .5s; }

  .bars { width: 100%; height: 0.7031vw; background-color: #473e3a; }
}


@media (max-width: 768px) {
  .header_lnb { top: 0; right: 0; width: 100%; height: 100vh; padding: 0; }
  .header_lnb .lnb_bottomCont { height: 100%; padding-top: 9.7619vw; border-radius: 0; }
  /* .header_lnb { z-index: -1; display: flex; flex-direction: column; padding: calc(12.0833vw + 5.4187vh) 0 19.8686vh 9.6429vw; }
  .header_lnb.open::before { content: ""; position: absolute; top: 12.0833vw; left: 0; width: 100%; height: 1px; background: rgba(56, 55, 49, 0.21); }
  .lnb_topCont { position: static; justify-content: flex-start; height: auto; padding: 0; border-bottom: none; } */
  
  .topCont_linkWrap .topCont_link {  }

  .header.open .header_logo .imgBox .header_logoImg_m { opacity: 0; }
  .header.open .header_logo .imgBox .header_logoImg_act { opacity: 1; }

  /* .bottomCont_list { gap: 0; transition: all 0.8s ease; }
  .bottomCont_list:not(:last-child) { margin-bottom: 7.0238vw; }
  .bottomCont_list.show { gap: 4.3452vw; }
  .bottomCont_list .list_linkWrap { overflow: hidden; flex-direction: column; gap: 2.619vw; height: 0; transition: all 0.8s ease; }

  .bottomCont_list .list_linkWrap1.show { height: calc((2.8645vw * 4) + (2.619vw * 3)); }
  .bottomCont_list .list_linkWrap2.show { height: calc((2.8645vw * 1) + (2.619vw * 0)); }
  .bottomCont_list .list_linkWrap3.show { height: calc((2.8645vw * 6) + (2.619vw * 5)); }
  .bottomCont_list .list_linkWrap4.show { height: calc((2.8645vw * 3) + (2.619vw * 2)); }
  .bottomCont_list .list_linkWrap5.show { height: calc((2.8645vw * 4) + (2.619vw * 3)); }
  .bottomCont_list .list_linkWrap6.show { height: calc((2.8645vw * 4) + (2.619vw * 3)); }
  .bottomCont_list .list_linkWrap7.show { height: calc((2.8645vw * 4) + (2.619vw * 3)); } */

  .topCont_linkWrap .topCont_link { font-size: 2.381vw; }
}
@media (max-width: 480px) {
  .header_lnb .lnb_bottomCont { padding-top: 12.8125vw; }
  /* .main-header.open { height: 17.5111vw; padding: 0 6.7556vw 0 4.9778vw; } */
  /* .header.open .header_logo .imgBox .header_logoImg_m,
  .header.open .header_logo .imgBox .header_logoImg_act { width: 33.6vw; } */

  /* .header_lnb.open::before { top: 17.5111vw; }

  .header_lnb { z-index: -1; display: flex; flex-direction: column; gap: 8.046vw; padding: calc(17.5111vw + 5.4187vh) 0 19.8686vh 14.5778vw; }

  .bottomCont_list.show { gap: 6.6667vw; }
  .bottomCont_list .list_title { font-size: 4.8889vw; }
  .bottomCont_list .list_link { font-size: 3.5556vw; }
  .bottomCont_list .list_linkWrap { gap: 3.9111vw; flex-wrap: nowrap; }

  .bottomCont_list .list_linkWrap1.show { height: calc((4.2066vw * 4) + (3.9111vw * 3)); }
  .bottomCont_list .list_linkWrap2.show { height: calc((4.2066vw * 1) + (3.9111vw * 0)); }
  .bottomCont_list .list_linkWrap3.show { height: calc((4.2066vw * 6) + (3.9111vw * 5)); }
  .bottomCont_list .list_linkWrap4.show { height: calc((4.2066vw * 3) + (3.9111vw * 2)); }
  .bottomCont_list .list_linkWrap5.show { height: calc((4.2066vw * 4) + (3.9111vw * 3)); }
  .bottomCont_list .list_linkWrap6.show { height: calc((4.2066vw * 4) + (3.9111vw * 3)); }
  .bottomCont_list .list_linkWrap7.show { height: calc((4.2066vw * 4) + (3.9111vw * 3)); }
  .bottomCont_list:not(:last-child) { margin-bottom: 10.1333vw; } */

  .topCont_linkWrap { gap: 8.1778vw; }
  .topCont_linkWrap .topCont_link { font-size: 3.5556vw; }

  .topCont_linkWrap .topCont_link:not(:last-child)::after {
    top: 0;
    transform: none;
    left: calc(100% + 4.0889vw);
    width: 1px;
    height: 95%;
  }
}