/* ===== Footer ===== */
.site-footer{
    --bg:#21352E;           /* 배경 */
    --fg:#E4E9E6;           /* 본문 텍스트 */
    --muted:#A7B3AD;        /* 서브 텍스트 */
    --line:#2E4A3F;         /* 구분선 톤 */
    background:var(--bg);
    color:var(--fg);
    padding:5rem 0 4rem;
  }
  .footer-inner{
    max-width:150rem;
    margin:0 auto;
    padding:0 2rem;
    display:grid;
    grid-template-columns: 42rem 1fr;
    gap:4rem;
  }
  
  /* 좌측 */
  .footer-left .brand-logos{
    display:flex;
    align-items:center;
    gap:2rem;
    margin-bottom:2.4rem;
  }
  .footer-left .mark{
    max-width:22.4rem;
    width: 100%;
    height:auto;
    display:block;
  }
  .footer-left .slogan{
    width:14rem; height:auto; display:block;
  }
  
  .policy-links{
    display:flex; flex-wrap:wrap; gap:2.0rem;
    margin:0 0 1.8rem;
  }
  .policy-links a{
    color: #BABABA;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 150%; /* 2.25rem */
    letter-spacing: -0.06rem;
  }
  .policy-links a:hover{ opacity:1; text-decoration:underline; }
  
  .corp-info{
    font-style:normal;
    color: #BABABA;
    font-family: Pretendard;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 2.1rem */
    letter-spacing: -0.056rem;
    margin-bottom: 4rem;
  }
  .corp-info a{
    color: #BABABA;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 150%; /* 2.1rem */
    letter-spacing: -0.056rem;
  }
  
  .copy{
    color: #BABABA;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 150%; /* 1.95rem */
    letter-spacing: -0.052rem;
  }
  
  /* 우측 네비 컬럼 */
  .footer-nav{
    display:grid;
    grid-template-columns: repeat(7, minmax(14rem,1fr));
    gap:0;
  }
  .f-col{
    text-align: center;
  }
  .f-col .col-head{
    color: #EAEAEA;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.032rem;
    margin-bottom: 1rem;
  }
  .f-col a{
    color: #909090;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: -0.03rem;
    display: inline-flex;
    padding: 0.4rem;
  }
  /* 외부링크 아이콘 표시 */
  .f-col a.is-ext{
    position:relative; padding-right:1.8rem;
    color: #909090;
  }
  .f-col a:hover{ color:var(--fg); }
  .f-col a.is-ext:hover{ color:var(--fg); }
  
  .f-col a.is-ext::after {
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.29687 1.875H4.48437C3.3194 1.875 2.375 2.81939 2.375 3.98436V11.0156C2.375 12.1806 3.3194 13.125 4.48437 13.125H11.5156C12.6806 13.125 13.625 12.1806 13.625 11.0156V8.20309M10.109 1.87517L13.625 1.875M13.625 1.875V5.03913M13.625 1.875L7.64792 7.85136' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    opacity: 0.6;
  }
  
  
  
  /* 반응형 */
  @media (max-width: 1100px){
    .footer-inner{
      grid-template-columns: 1fr;
    }
    .footer-nav{
      grid-template-columns: repeat(3, minmax(12rem,1fr));
    }
  }
  @media (max-width: 640px){
    .brand-logos .slogan{ width:12rem; }
    .footer-nav{
      grid-template-columns: repeat(2, minmax(12rem,1fr));
      gap:2rem;
      display: none;
    }
    .policy-links{ gap:1.6rem; }
  }
  


/* Header */
:root { --colorD42A54: #02A47D; --header-h: 10rem; --submenu-h: 37rem; }

/* header */
#header.header.new-header { background: var(--colorfff); max-height: var(--header-h); position: absolute; width: 100%; /* overflow: hidden; */
 border-bottom: 1px solid rgba(235, 235, 235, 0.50); transition: max-height .28s ease, box-shadow .2s ease; top: 0; }

#header.header.new-header.is-open > nav { border-bottom: 1px solid rgba(235, 235, 235, 0.50); background: #FFF !important; /* 투명 헤더일 때도 펼침 중은 흰 배경 */}
#header.header.new-header.is-open .gnb__bg {min-height: calc(var(--submenu-h) + 50px);opacity: 1;}/*251117 GNB항목 여백 수정 추가 */

#header.header.new-header > nav { display: flex; width: 100%; /* max-width: 150rem; */
 /* margin: 0 auto; */
 padding: 0; justify-content: space-between; align-items: center; position: relative; z-index: 3;}
 #header.header.new-header.header--transparent > nav{background: rgba(0, 0, 0, 0.5);}
#header.header.new-header:hover > nav { border-bottom: 1px solid var(--line); }
.header .logo_area { padding-left: 6rem; }
.header .svg_logo { width: 10rem; height: 10rem; flex-shrink: 0; display: block; }
.header .svg_logo img { width: 100%; }
.sns_area ul { display: flex; gap: 2rem; align-items: center; }
#header.header.new-header:hover .gnb__bg { border-bottom: 1px solid var(--line); }


/* gnb */
.gnb_wrap {}
.gnb__bg {
 position: absolute;
 left: 0;
 right: 0;
 top: var(--header-h);
 width: 100%;
 /* height: 24rem; */
 background-color: var(--colorfff);
 /* border-bottom: 1px solid var(--colorEAEAEA); */
 z-index: 1;
 transform-origin: top;
 opacity: 0;
 transition: transform .22s ease, opacity .22s ease, height .22s ease;
 height: 0px; /* 24rem과 동기화 */
 box-shadow:0 4px 16px rgb(0 0 0 / 5%)
}
#header.header.new-header.is-open .gnb__bg {height: var(--submenu-h);opacity: 1;}
.gnb_wrap .depth_01 { display: inline-block; height: 100%; }
.gnb_wrap .depth_01 span { display: inline-flex; width: 100%; text-align: center; color: #303031; font-size: 1.8rem; font-weight: 500; line-height: 100%; /* 18px */
 letter-spacing: -0.72px; transition: color 0.1s ease, font-weight 0.1s ease; }
.gnb_wrap .depth_01 span:hover { color: #02A47D; font-weight: 600; }
.gnb_wrap #gnb > li.on  .depth_01 span { color: #02A47D !important; font-weight: 600 !important }
.gnb_wrap #gnb { display: flex; justify-content: center; align-items: center; position: relative; height: 10rem; }

.gnb_wrap #gnb > li { display: flex; /* width: 100%; */
 width: clamp(10rem, 18vw, 14rem); justify-content: center; align-items: center; flex-direction: column; text-align: center; max-height: 10rem; height: 100%; }
.gnb_wrap #gnb > li > ul {position: absolute;top: calc(var(--header-h) - 50px);max-width: 14rem;width: 100%;height: var(--submenu-h);padding: 2rem 0;border-right: 0px solid #EAEAEA;z-index: 2;opacity: 0;transform: translateY(-8px);pointer-events: none;transition: opacity .2s ease,transform .2s ease,top.2s ease;border-right: 1px solid transparent;transform-origin: top center;}
.gnb_wrap #gnb > li:first-child > ul { border-left: 0px solid #EAEAEA; }
.gnb_wrap #gnb > li > ul > li { padding: 1rem 0; }
.gnb_wrap #gnb > li > ul > li a:hover { color: #02A47D !important; }
#header.is-hover .gnb_wrap #gnb > li > ul { top:var(--header-h);opacity: 1; transform: translateY(0); border-right-color: rgba(235, 235, 235, 0.30); transition:opacity .2s ease,transform .2s ease,border-color .2s ease 0.2s; }
#header.header.new-header.is-open .gnb_wrap #gnb > li:hover > ul,
#header.header.new-header.is-open .gnb_wrap #gnb > li:focus-within > ul { opacity: 1; transform: translateY(0); pointer-events: auto; }
.gnb_wrap #gnb > li a { display: inline-flex; align-items: center; justify-content: center; color: #303030; font-size: 1.6rem; font-weight: 400; line-height: 100%; /* 16px */
 letter-spacing: -0.64px; text-align: center; white-space: nowrap; }

.m_gnb { display: none; }

/* #header.header.new-header:hover,
#header.header.new-header:focus-within { max-height: calc(var(--header-h) + var(--submenu-h)); }
#header.header.new-header:hover .gnb__bg,
#header.header.new-header:focus-within .gnb__bg { transform: scaleY(1); opacity: 1; }
#header.header.new-header:hover .gnb_wrap #gnb > li > ul,
#header.header.new-header:focus-within .gnb_wrap #gnb > li > ul { opacity: 1; transform: translateY(0); pointer-events: auto; } */

.link_list > ul { display: flex; align-items: center; gap: 2rem; }
.sitemap___icon > a { display: flex; width: 10rem; height: 10rem; justify-content: center; align-items: center; gap: 1rem; background: #2E533E; }

a.is-ext { position:relative; padding-right:2rem; color:#2a2a2a; /* 글자색 */}

a.is-ext::after { content:""; position:absolute; right:.2rem; top:50%; transform:translateY(-50%); width:1.4rem; height:1.4rem; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15'%3E%3Cpath d='M7.29687 1.875H4.48437C3.3194 1.875 2.375 2.81939 2.375 3.98436V11.0156C2.375 12.1806 3.3194 13.125 4.48437 13.125H11.5156C12.6806 13.125 13.625 12.1806 13.625 11.0156V8.20309M10.109 1.87517L13.625 1.875M13.625 1.875V5.03913M13.625 1.875L7.64792 7.85136' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; background-color: currentColor; /* 글자색을 그대로 사용 */
 opacity:.8; }
a.is-ext:hover { color:#000; }


/* 전체메뉴 오픈 */
#header.header.new-header.is-open .gnb__bg {height: var(--submenu-h);opacity: 1;}
#header.header.new-header.is-open { max-height: calc(var(--header-h) + var(--submenu-h)); box-shadow: 0 8px 20px rgba(0,0,0,.06); background: #FFF; }
#header.header.new-header.is-open .gnb_wrap #gnb > li > ul {opacity: 1;transform: translateY(0);transition-delay: 50ms;pointer-events: auto;border-right-color: #f9f9f9;top: var(--header-h);}
#header.header.new-header.is-open .gnb_wrap #gnb > li a { color: #303030; }
#header.header.new-header.header--transparent.is-open .gnb_wrap .depth_01 span { color: #303030; }
#header.header.new-header.header--transparent.is-open .icon__mypage svg path { /* fill: #fff; */
 stroke: #303030; }
#header.header.new-header.header--transparent.is-open .icon__logout svg path { /* fill: #fff; */
 fill: #303030; }
/* 전체메뉴 열기 */
#header.header.new-header.is-hover { max-height: calc(var(--header-h) + var(--submenu-h)); /* box-shadow는 취향껏 */}
#header.header.new-header.is-hover .gnb__bg { height: var(--submenu-h); opacity: 1; }
#header.header.new-header.is-hover .gnb_wrap #gnb > li > ul { opacity: 1; transform: translateY(0); pointer-events: auto; border-right-color: rgba(235, 235, 235, 0.30); }
#header.header.new-header.is-hover .gnb__bg { height: var(--submenu-h); opacity: 1; }

#header.header.new-header.is-hover > nav { background: #FFF; border-bottom: 1px solid rgba(235, 235, 235, 0.50); }
/* 닫힘 강제(버튼으로 닫는 순간 재호버 무효화) */
#header.header.new-header.no-hover { max-height: var(--header-h); box-shadow: none; }
#header.header.new-header.no-hover .gnb__bg { height:0px; opacity: 0; }
#header.header.new-header.no-hover .gnb_wrap #gnb > li > ul { opacity: 0; transform: translateY(-8px); pointer-events: none; border-right-color: transparent; }




/* @media (max-width:768px) */

/* 모바일 메뉴 */
.sitemap { width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 2000; background: rgba(0,0,0,.3); display: none; flex-flow: row-reverse; }
.sitemap__bg { width: 20vw; background: rgba(0,0,0,.3); height: 100vh; }
.sitemap_menu_m { width: 80vw; height: 100vh; background: var(--colorfff); padding: 2rem; display: flex; flex-direction: column; gap: 4rem; overflow:auto;}
.sitemap_menu_m .menu_inner {margin-bottom: 8rem;}
.menu_top_m .menu_left { display: flex; gap: 2rem; }
.menu_top_m .menu_left a { color: var(--color303030); font-size: 16px; font-weight: 600; line-height: 100%; /* 16px */
 letter-spacing: -0.64px; }
.menu_inner { display: flex; flex-direction: column; gap: 4rem; }

/* 모바일 아코디언 기본 레이아웃 */
.menu_box_m { display: grid; gap: 10px; }

/* 트리거 버튼(지금은 a)을 버튼처럼 보이게 */
.menu_tit_m { display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px 14px; background:#fff; color:#303030; text-decoration:none; font-size:1.6rem; font-weight:600; letter-spacing:-0.02em; transition: border-color .15s ease, background-color .15s ease; }
.menu_tit_m:hover { background:#F9FAFB; border-color:#EEE; }

/* 우측 화살표 (CSS로 생성) */
.menu_tit_m::after { content:""; width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }

/* 패널: grid-rows 아코디언 */
.menu_list_m { display:grid !important; grid-template-rows: 0fr; /* 닫힘 */
 transition: grid-template-rows .26s ease; }
.menu_list_m > ul { overflow:hidden; /* 내용 잘림 방지 */
 padding: 0 6px; /* 좌우 살짝 여백 */}

/* 열림 상태 */
.menu_box_m > li.is-open .menu_list_m { grid-template-rows: 1fr; }
.menu_box_m > li.is-open .menu_tit_m { color: #02A47D; }
.menu_box_m > li.is-open .menu_tit_m::after { transform: rotate(-135deg); color: #02A47D; }

/* 패널 안 리스트 스타일 */
.menu_list_m li a { display:block; padding:12px 10px; border-radius:10px; color:#303030; font-size:1.5rem; letter-spacing:-0.02em; text-decoration:none; }
/* .menu_list_m li a:hover { background:#F3F4F6; } */

.sitemap.is-open { display: flex; }
body.no-scroll { overflow: hidden; }


@media (max-width:960px){
 .m_gnb { display: flex; }
 /* .sitemap { display: flex; } */
 .gnb_wrap { display: none; }
 #header.header.new-header > nav { height: 8rem; padding: 0 2rem; }

 .header .util { display: none; }
 #header.header.new-header { max-height: var(--header-h); box-shadow:none; overflow: hidden; }

 .sitemap .menu_box_m .menu_list_m { display: grid !important; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows .26s ease; padding: 0; }
 .sitemap .menu_box_m .menu_list_m > ul { overflow: hidden; padding: 0 6px 8px; margin: 0; }
 /* 열림 상태: 부모 li.is-open */
 .sitemap .menu_box_m > li.is-open > .menu_list_m { grid-template-rows: 1fr; }

 /* 메뉴 오버레이 열림 */
 .sitemap.is-open { display: flex !important; }
 body.no-scroll { overflow: hidden; }


 .header .logo_area { padding-left: 0rem; }

 .header .svg_logo { width: 7rem; height: 7rem; }

}




/* 헤더 투명 */
#header.header.new-header.header--transparent.is-hover > nav { display: flex; width: 100%; /* max-width: 150rem; */
 /* margin: 0 auto; */
 padding: 0; justify-content: space-between; align-items: center; position: relative; z-index: 3; border-bottom: 1px solid rgba(235, 235, 235, 0.30); background: #FFF; }
#header.header.new-header.is-hover > nav { background: #FFF; }
#header.header.new-header.header--transparent { background: none; position: absolute; top: 0; z-index: 100; width: 100%; border-bottom: 1px solid rgba(235, 235, 235, 0.30);}

#header.header.new-header.header--transparent.is-hover { background: #fff!important; }
#header.header.new-header.header--transparent.is-hover .svg_logo-wh { display: none; }
#header.header.new-header.header--transparent .svg_logo img { content: url('../img/logo.svg'); }
#header.header.new-header.header--transparent.is-hover .svg_logo img { content: url('../img/logo.svg'); }
#header.header.new-header.header--transparent .gnb_wrap .depth_01 span { color: #FFF; }

#header.header.new-header.header--transparent .gnb_inner #gnb .gnb_wrap .depth_01 span { color: #FFF; }

#header.header.new-header.header--transparent.is-hover .gnb_wrap .depth_01 span { color: var(--color303030); }
#header.header.new-header.header--transparent.is-hover .gnb_wrap .depth_01 span:hover { color: #02A47D; }
#header.header.new-header.header--transparent .sns-instar img
#header.header.new-header.header--transparent .sns-youtube img
#header.header.new-header.header--transparent .sns-blog img
#header.header.new-header.header--transparent .icon__add__user img { content: url("../img/house/user-profile-add-01.svg"); }
#header.header.new-header.header--transparent .icon__mypage img { content: url('../img/house/user-profile-02.svg'); }
#header.header.new-header.header--transparent.is-hover .icon__add__user img { content: url("../img/house/user-profile-add-01.png"); }
#header.header.new-header.header--transparent.is-hover .icon__mypage img { content: url('../img/house/user-profile-02.png'); }

#header.header.new-header.header--transparent.is-hover .icon__add__user svg path { fill: #000; }
#header.header.new-header.header--transparent .icon__add__user svg path { fill: #fff; }
#header.header.new-header.header--transparent.is-hover .icon__mypage svg path { stroke: #000; }
#header.header.new-header.header--transparent .icon__mypage svg path { /* fill: #fff; */
 stroke: #fff; }
#header.header.new-header.header--transparent .icon__logout svg path { fill: #fff; }
.sns-instar , .sns-youtube , .sns-blog { opacity: 0; }
#header.header.new-header:hover .sns-instar , #header.header.new-header:hover .sns-youtube , #header.header.new-header:hover .sns-blog { /* display: flex; */
 opacity: 1; }
#header.header.new-header.header--transparent .m_menu svg line { stroke: #fff; }
/*#header.header.new-header.header--transparent:hover .m_menu svg line { stroke: var(--color0f0f0f); }*/

/* 데스크톱/트랙패드 등 hover 지원 & 정밀 포인터에서만 :hover 적용 */
@media (hover: hover) and (pointer: fine) { /* #header.header.new-header.header--transparent:hover > nav { display: flex; width: 100%; padding: 0 2rem; justify-content: space-between; align-items: center; position: relative; z-index: 3; border-bottom: 1px solid rgba(235, 235, 235, 0.30); background: #FFF; } */
 #header.header.new-header.is-hover > nav { background: #FFF; }
 #header.header.new-header.header--transparent.is-hover { background: #fff!important; }
 #header.header.new-header.header--transparent.is-hover .svg_logo-wh { display: none; }
 #header.header.new-header.header--transparent.is-hover .svg_logo img { content: url('../img/logo.svg'); }
 #header.header.new-header.header--transparent.is-hover .gnb_wrap .depth_01 span { color: var(--color303030); }
 #header.header.new-header.header--transparent.is-hover .gnb_wrap .depth_01 span:hover { color: #02A47D; }
 #header.header.new-header.header--transparent.is-hover .icon__add__user img { content: url("../img/house/user-profile-add-01.png"); }
 #header.header.new-header.header--transparent.is-hover .icon__mypage img { content: url('../img/house/user-profile-02.png'); }
 #header.header.new-header.header--transparent.is-hover .icon__add__user svg path { fill: #000; }
 #header.header.new-header.header--transparent.is-hover .icon__mypage svg path { stroke: #000; }
 #header.header.new-header.header--transparent.is-hover .icon__logout svg path { fill: #000; }
 /* 필요하면 추가적인 :hover 규칙도 전부 이 블록 안으로 이동 */}
@media (max-width: 768px){
 #header.header.new-header.header--transparent.is-hover > nav { background: inherit; padding: 0 2rem; border-bottom-color: inherit; }
}

/* 로그인, 회원가입 아이콘 추가*/
#header.header.new-header.header--transparent .icon__login , #header.header.new-header.header--transparent .icon__join { width: 3.2rem; height: 3.2rem; display: flex; align-items: center; justify-content: center; } 
/* 배경있을 때 */
#header.header.new-header.header--transparent .icon__login .bk { display: none; } 
#header.header.new-header.header--transparent .icon__join .bk { display: none; } 
#header.header.new-header.header--transparent .icon__login .wh { display: flex; font-size: 1.8rem;color:#fff;letter-spacing: 0;} 
#header.header.new-header.header--transparent .icon__join .wh { display: flex; font-size: 1.8rem;color:#fff;letter-spacing: 0;} 
#header.header.new-header.header--transparent .icon__mypage .wh { display: flex; font-size: 1.8rem;color:#fff;letter-spacing: 0;} 
#header.header.new-header.header--transparent .icon__logout .wh { display: flex; font-size: 1.8rem;color:#fff;letter-spacing: 0;} 
#header.header.new-header.header--transparent .icon__mypage .bk { display: none; } 
#header.header.new-header.header--transparent .icon__logout .bk { display: none; } 

/* 배경없을 때 */
#header.header.new-header .icon__login .wh { display: none; } 
#header.header.new-header .icon__join .wh { display: none; } 
#header.header.new-header .icon__mypage .wh { display: none; } 
#header.header.new-header .icon__logout .wh { display: none; } 
#header.header.new-header .icon__login .bk { display: flex; color:#303031;font-size: 1.8rem;letter-spacing: 0;} 
#header.header.new-header .icon__join .bk { display: flex; color:#303031;font-size: 1.8rem;letter-spacing: 0;} 
#header.header.new-header .icon__mypage .bk { display: flex; color:#303031;font-size: 1.8rem;letter-spacing: 0;} 
#header.header.new-header .icon__logout .bk { display: flex; color:#303031;font-size: 1.8rem;letter-spacing: 0;} 

/* 호버 시 */
#header.header.new-header:hover .icon__login .wh { display: none; } 
#header.header.new-header:hover .icon__join .wh { display: none; } 
#header.header.new-header:hover .icon__login .bk { display: flex; } 
#header.header.new-header:hover .icon__join .bk { display: flex; } 
#header.header.new-header.is-open .icon__login .wh { display: none; } 
#header.header.new-header.is-open .icon__join .wh { display: none; } 
#header.header.new-header.is-open .icon__login .bk { display: flex; } 
#header.header.new-header.is-open .icon__join .bk { display: flex; } 
#header.header.new-header.header--transparent:hover .icon__login .bk{ display: none; }
#header.header.new-header.header--transparent:hover .icon__login .wh { display: flex; } 
#header.header.new-header.header--transparent:hover .icon__join .bk{ display: none; }
#header.header.new-header.header--transparent:hover .icon__join .wh { display: flex; } 
#header.header.new-header.header--transparent.is-open:hover .icon__login .bk{ display: flex; }
#header.header.new-header.header--transparent.is-open:hover .icon__login .wh { display: none; } 
#header.header.new-header.header--transparent.is-open:hover .icon__join .bk{ display: flex; }
#header.header.new-header.header--transparent.is-open:hover .icon__join .wh { display: none; } 
#header.header.new-header.header--transparent.is-hover:hover .icon__login .bk{ display: flex; }
#header.header.new-header.header--transparent.is-hover:hover .icon__login .wh { display: none; } 
#header.header.new-header.header--transparent.is-hover:hover .icon__join .bk{ display: flex; }
#header.header.new-header.header--transparent.is-hover:hover .icon__join .wh { display: none; }
#header.header.new-header.header--transparent.is-hover:hover .icon__mypage .bk{ display: flex; }
#header.header.new-header.header--transparent.is-hover:hover .icon__mypage .wh { display: none; } 
#header.header.new-header.header--transparent.is-hover:hover .icon__logout .bk{ display: flex; }
#header.header.new-header.header--transparent.is-hover:hover .icon__logout .wh { display: none; }  
.link_list > ul > li {display:flex;gap:30px;}
#header.header.new-header.header--transparent .icon__login .wh{font-size: 1.8rem;color:#fff;}
#header.header.new-header.header--transparent .icon__join .bk{color:#303031;font-size: 1.8rem;}
#header.header.new-header.header--transparent .icon__mypage .wh{font-size: 1.8rem;color:#fff;}
#header.header.new-header.header--transparent .icon__mypage .bk{color:#303031;font-size: 1.8rem;}
#header.header.new-header.header--transparent .icon__logout .wh{font-size: 1.8rem;color:#fff;}
#header.header.new-header.header--transparent .icon__logout .bk{color:#303031;font-size: 1.8rem;}

/*인증번호 */
.code_time_div{position: relative;}
.code_time{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #d02626;
    letter-spacing: 0;}