@import 'common.css';
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }

header {position: fixed; top: 0; left: 0; width: 100%; height: 60px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; z-index: 11;}
header .container {display: flex; align-items: center; justify-content: space-between; max-width: 100%; width: 100%; height: 100%; padding: 0 25px; box-sizing: border-box;}
header .logo {font-size: var(--size20); font-weight: 600; line-height: 1.2; letter-spacing: -1px; color: var(--black140);}
header .logo span {letter-spacing: 1px;}
header .menu-btn {width: 25px; height: auto;}
header .menu-btn button {width: 100%; height: auto;}
.back_btn {display: none;}

/* nav */
.nav {position: fixed; top: 0; right: -300px; display: flex; align-items: center; justify-content: space-between; flex-flow: column; max-width: 300px; width: 100%; height: 100vh; padding: 20px 20px 50px; box-sizing: border-box; background: var(--white); z-index: 13; transition: all .5s;}
.nav.open {right: 0; transition: all .5s;}
.nav-top {width: 100%;}
.nav .nav-header {margin-bottom: 40px;}
.nav .nav-header .close-btn {width: 25px; height: auto; margin-bottom: 15px;}
.nav .nav-header .member-area {display: flex; align-items: center; justify-content: space-between;}
.nav .nav-header .member-area .member-name {font-size: var(--size15); font-weight: 400; line-height: 1.2; color: var(--black);}
.nav .nav-header .member-area .member-name .name {font-size: 20px; font-weight: bold; line-height: 0.9;}
.nav .nav-header .member-area .logout-btn {font-size: var(--size13); font-weight: bold; line-height: 1.15; color: var(--pr);}

.nav .nav-body {width: 100%; height: auto;}
.nav .nav-body .login-btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-bottom: 25px; background: var(--pr_gt); border-radius: 5px; box-sizing: border-box; font-size: var(--size15); font-weight: 500; line-height: 1.2; color: var(--white);}

.nav .member-login {width: 100%; height: auto;}
.nav .url-list {width: 100%; height: auto;}
.nav .url-list li {margin-bottom: 25px;}
.nav .url-list li:last-of-type {margin-bottom: 0;}
.nav .url-list li .child-box {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.nav .url-list li .child-box .url-tit {font-size: var(--size18); font-weight: 400; line-height: 1.17; color: var(--black);}
.nav .url-list li .child-box .arrow {width: 8.4px; height: auto;}

.nav-footer {width: 100%;}