/* Header Menu */
.header_menu {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  box-sizing:border-box;
  z-index:9999;
  border-bottom:1px solid #eaeaea;
  background-color:var(--background-white);
  box-sizing:border-box;
}
.header_menu .container_flex {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.header_menu .container_flex .left .logo {
  margin-right:2.2rem;
}
.header_menu .container_flex .left .logo a img {
  width:6.5rem;
  height:2.5rem;
}
.header_menu .container_flex .left .navigation ul {
  display:flex;
  align-items:center;
  gap:2.8rem;
  grid-gap:2.8rem;
}
.header_menu .container_flex .left .navigation ul li a {
  display:inline-flex;
  align-items:center;
  height:4.5rem;
  box-sizing:border-box;
  font-size:0.9rem;
  color:#424242;
  font-weight:var(--font-medium);
}
.header_menu .container_flex .left .navigation ul li a span {
  position:relative;
  overflow:hidden;
}
.header_menu .container_flex .left .navigation ul li a span::after {
  content:'';
  position:absolute;
  left:0;;
  bottom:0;
  width:100%;
  height:2px;
  background:var(--background-dark);
  transition:transform .3s;
  transform:scaleX(0);
}
.header_menu .container_flex .left .navigation ul li a:hover span::after {
  transform:scaleX(1);
}
.header_menu .container_flex .right {
  position:relative;
}
.header_menu .container_flex .right > img {
  width:1rem;
  height:0.95rem;
}
.header_menu .container_flex .right .in__ {
  position:relative;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:1.05rem;
  grid-gap:1.05rem;
}
.header_menu .container_flex .right a {
  position:relative;
  display:inline-block;
  box-sizing:border-box;
  font-size:0.65rem;
  color:#9d9d9d;
  padding:0.5rem 0;
  font-family: 'Pretendard Variable';
}
.header_menu .container_flex .right .in__::after {
  content:'';
  position:absolute;
  left:45%;
  top:53%;
  transform:translate(-50%,-50%);
  width:1px;
  height:0.55rem;
  background:#d6d6d6;
}
.header_menu .container_flex .right .mypage_ > .flex {
  gap:0.8rem;
  grid-gap:0.8rem;
}
.header_menu .container_flex .right .mypage_ .logout {
  display:inline-block;
  font-size:0.8rem;
  color:#a3a3a3;
}
.header_menu .container_flex .right .mypage_ a {
  display:inline-flex;
  align-items:center;
  gap:0.15rem;
  grid-gap:0.15rem;
}
.header_menu .container_flex .right .mypage_ a img {
  width:0.6rem;
  height:0.6rem;
}
.header_menu .container_flex .right .mypage_ a::after {
  display:none;
}
.toggle_more {
  position:relative;
  display:none;
  cursor: pointer;
  padding:0.5rem 0 0.5rem 0.5rem;
  box-sizing:border-box;
  z-index:9999;
}
.toggle_more.on {
  transform:translateY(-0.2rem);
}
.toggle_more span {
  display: block;
  background: var(--background-dark);
  width:1.1rem;
  height:0.1rem;
  border-radius: 0.5rem;
  transition: margin 0.25s 0.25s, transform 0.25s , background .3s;
}
.toggle_more .bar1 {margin-bottom: 0.25rem;}
.toggle_more .bar3 {margin-top: 0.25rem;}
.toggle_more.on span {
  transition: margin 0.25s, transform 0.25s 0.25s;
}
.toggle_more.on .bar1 {
  margin-top: 0.25rem;
  margin-bottom: -0.1rem;
  transform: rotate(45deg);
}
.toggle_more.on .bar2 {
  transform: rotate(45deg);
}
.toggle_more.on .bar3 {
  margin-top: -0.1rem;
  transform: rotate(135deg);
}
@media screen and (max-width:500px){
  .container_fluid {width:100%;height:auto;min-width:inherit;}
  .container {width:100%;}
  .header_menu .container_flex {height:2.8rem;}
  .header_menu .container_flex .left .logo a img {
    width:5rem;
    height:2.1rem;
      position:absolute;
      top:0;
      margin-top:10px;
  }
  .in__ , .mypage_ , .navigation {display:none;}
  .toggle_more {display:block;}
  .footer_wrap {padding:2.45rem 0;}
  .footer_content {gap:0.1rem;grid-gap:0.1rem;}
  .footer_content .flex__ {gap:0.1rem;grid-gap:0.1rem;}
  .header_menu .container_flex .right .in__ {display:none;}
}