/* 250123 청담점 추가(추후 삭제 예정) */
.cd.active {
  
  border: 1px solid #B1A38C !important; 
}
.cd.active a {
  color: #B1A38C !important;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 600 !important;
  background-color: #F5F3EE;
}
.ys.active a {
  color: #25C6BD !important;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 600 !important;
  background-color: #F1FFFD;
}
.gnb_cd {
  background-color: #000;
  color: #fff !important;
  border-radius: 5px;
  position: relative;
}
.gnb_cd::before {
  position: absolute;
  content: "new";
  left: 50%;
  top: -7.5px;
  transform: translateX(-50%);
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #B1A38C;
}
.gnb_ys {
  background-color: #000;
  color: #fff !important;
  border-radius: 5px;
  position: relative;
}
.gnb_ys::before {
  position: absolute;
  content: "new";
  left: 50%;
  top: -7.5px;
  transform: translateX(-50%);
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  text-transform: uppercase;
  display: inline-flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #44B8B1;
}

@media (max-width: 500px){
  .gnb_cd::before,
  .gnb_ys::before {
    font-size: 9px;
    padding: 2px 8px;
  }
}
@media (max-width: 375px){
  .gnb_cd::before,
  .gnb_ys::before {
    font-size: 8px;
    padding: 2px 6px;
  }
}
/* m_header */
.m_container .m_header { width: 100%; height: 66px; } 
.m_container .m_header .inner { width: 100%; max-width: 92%; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; } 
.m_container .m_header .inner .logo { margin-bottom: 10px; width: 12%; } 
.m_container .m_header .inner .branch_list { padding: 6px 8px; margin-left: 4px; font-weight: 500; display: flex; align-items: center; width: 30%; } 
.m_container .m_header .inner .branch_list img { margin-left: 5px; transition: transform 0.5s; } 
.m_container .m_header .inner .search_bar { position: relative; background-color: #ededed; width: 55%; height: 34px; border-radius: 50px; border: 0; margin: 0 10px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; } 
.m_container .m_header .inner .search_bar img { position: absolute; right: 3%; top: 50%; width: 10%; transform: translateY(-50%); } 
.m_container .m_header .inner .search_bar input { border: 0; background-color: transparent; } 
.m_container .m_header .inner .m_menu { width: 10%; } 

.m_container .m_header .inner .m_menu span {width: 50%;height: 2px;background-color: #000;display: block;margin: 6px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } 
.m_container .m_header .inner .m_menu :hover {cursor: pointer; } 
.m_container .m_header .inner .m_menu.is_active span:nth-child(2) {opacity: 0; } 
.m_container .m_header .inner .m_menu.is_active span:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } 
.m_container .m_header .inner .m_menu.is_active span:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } 


.branch_menu { border-top: 1px solid #EDEDED; background-color: #fff; height: 100vh; width: 100%; position: absolute; z-index: 900; display: none; } 
.branch_menu .branch_container { display: flex; height: 100%; width: 100%; } 
.branch_menu .side { width: 30%; height: 100%; background-color: #f5f5f5; } 
.branch_menu .side .local_list { display: flex; flex-direction: column;  } 
.branch_menu .side .local_list li { color: #4B4B4B; font-size: 14px; font-weight: 400; line-height: 100%; } 
.branch_menu .side .local_list li a {padding: 24px 20px; display: inline-block; width: 100%;}
.branch_menu .side li.active { color: #000;font-size: 15px;font-weight: 600;line-height: 100%; background: #fff;}
.branch_menu .branch_con {padding: 24px 20px 0;  width: 70%; height: 100%; display: flex; flex-direction: column; gap: 20px 0; } 
.branch_menu .branch_con > div .branch_local { color:#000; font-size: 16px; font-weight: 500; line-height: 100%; margin-bottom: 12px; } 
.branch_menu .branch_con > div .branch_list { display: flex; flex-wrap: wrap; gap:12px; align-items: center; } 
.branch_menu .branch_con > div .branch_list li { display: flex; width: 22.5%; justify-content: center; align-items: center; border-radius: 5px; background: #F6F6F6; } 
.branch_menu .branch_con > div .branch_list li.active { background: #F1FFFD; border: 1px solid #25C6BD; } 
.branch_menu .branch_con > div .branch_list li.active a { color: #25C6BD; } 
.branch_menu .branch_con > div .branch_list li a { text-align: center; width: 100%; padding: 12px 0px; display: inline-block; color: #000; font-size: 14px; font-weight: 400; line-height: 100%; } 

.sub_menu { border-top: 1px solid #EDEDED; background-color: #fff; position: absolute; top: 66px; right: -100%; width: 100%; max-width: 600px; height: 100vh; z-index: 1000; background: #fff; transition: right 0.5s ease-in-out; } 
.sub_menu.show { right: 0; } 
.sub_menu .member { display: flex; padding: 20px 24px; align-items: flex-start; gap: 12px; align-self: stretch; border-bottom: 1px solid #EDEDED; } 
.sub_menu .member a { color: #4B4B4B; font-size: 14px; font-weight: 400; line-height: 100%; } 
.sub_menu .member a:last-child::before { content: "|"; padding-right: 12px; position: relative; color: #d9d9d9; } 
.sub_menu .menu_container { display: flex; height: 100%; } 
.sub_menu .side { width: 30%; height: 100%; background-color: #f5f5f5; } 
.sub_menu .side ul li { padding: 22px 24px; background-color: #f5f5f5; font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.48px; cursor: pointer; } 
.sub_menu .side ul li.active { background-color: #fff; } 
 .sub_menu .side ul li.gotolink { padding: 0; } 
.sub_menu .side ul li.gotolink a { padding: 22px 24px; display: inline-block; width: 100%; height: 100%; } 
.sub_menu .menu_con { width: 70%; } 
.sub_menu .menu_con .menu_cate > ul { display: none; } 
.sub_menu .menu_con .menu_cate > ul.active { display: block; } 
.sub_menu .menu_con .menu_cate > ul li a { width: 100%; display: inline-block; padding: 22px 30px; flex-shrink: 0; align-self: stretch; font-size: 16px; font-weight: 300; line-height: 100%; letter-spacing: -0.48px; } 
.sub_menu .menu_con .menu_cate > ul li.preparing a { color: #d9d9d9; } 
.sub_menu .menu_con .menu_cate > ul li .lifting_cate { display: none; flex-wrap: wrap; align-items: center; padding: 12px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } 
.sub_menu .menu_con .menu_cate > ul li .lifting_cate li { width: 50%; } 
.sub_menu .menu_con .menu_cate > ul li .lifting_cate li a { width: 100%; padding: 20px 40px; } 
.sub_menu .menu_con .menu_cate > ul li.lifting { position: relative; } 
.sub_menu .menu_con .menu_cate > ul li.lifting::before { position: absolute; right: 20px; top: 0; width: 1px; height: 16px; background-color: #000; content: ""; right: 40px; top: 22px; transition: transform 0.2s linear; } 
.sub_menu .menu_con .menu_cate > ul li.lifting::after { position: absolute; right: 20px; top: 0; width: 1px; height: 16px; background-color: #000; content: ""; right: 40px; top: 22px; transform: rotate(90deg); } 
.sub_menu .menu_con .menu_cate > ul li.lifting.active::before { transform: rotate(90deg); } 
  
.sub_menu .menu_con .menu_cate > ul li.on a {font-weight: 700;}


 @media (max-width: 600px){
  .m_container .m_header .inner .branch_list { width: 30%; font-size: 14px; } 
  .m_container .m_header .inner .search_bar { margin: 0 5px; } 
  .m_container .m_header .inner .search_bar { width: 50%; } 
  .m_container .m_header .inner .search_bar input { width: 100%; } 
}
@media (max-width: 500px){
  .m_container .m_header .inner .logo {width: 16%; } 
  .m_container .m_header .inner .search_bar img {width: 15%;} 
  
  .m_container .m_header .inner .m_menu span { margin:3px auto; } 
  .m_container .m_header .inner .m_menu.is_active span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } 
  .m_container .m_header .inner .m_menu.is_active span:nth-child(3) { -webkit-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); } 
  .branch_menu .branch_con {padding: 4% 20px 0;}
  .sub_menu .menu_con .menu_cate > ul li.lifting::before { top: 15px; } 
  .sub_menu .menu_con .menu_cate > ul li.lifting::after { 
 top: 15px; } 
  .sub_menu .menu_con .menu_cate > ul li .lifting_cate li a { padding: 10px 0 10px 30px; } 
  .sub_menu .side ul li.gotolink a { padding: 12% 24px } 
  .branch_menu .side .local_list li a  { padding: 12% 16px } 
 /* .branch_menu .branch_container > div { padding: 24px 14px; }  */
 .sub_menu .side ul li { padding: 12% 24px; } 
 .sub_menu .menu_con .menu_cate > ul li a { padding: 5.5% 30px; } 
 .m_container .m_header .inner .logo img { width: 100%; } 
 .m_container .m_header .inner .search_bar { margin: 0; } 
 .branch_menu .branch_con > div .branch_list { justify-content: flex-start; gap:10px; } 
 .branch_menu .branch_con > div .branch_list li { width: 30%; } 
 .m_container .branch_event .program_more {font-size: 13px;padding: 12px 0;}
}