@charset "utf-8";
html,body {overflow-anchor: none; min-width: 1800px;}
.inner {width: calc(100% - 60px); margin-inline: auto;}

.header {border-bottom: 1px solid var(--grayscale3); padding-block: var(--fs-16);}
.header .inner {display: flex; align-items: center; column-gap: var(--fs-64);}
.header .gnb ul {display: flex; align-items: center; column-gap: var(--fs-40);}
.header .gnb a {padding: var(--fs-12) calc(var(--fs-16) / 2); border-bottom: 2px solid transparent; display: flex; align-items: center; column-gap: var(--fs-10);}
.header .gnb .active a {border-color: var(--color-main);}

.container {display: flex; align-items: stretch; min-height: calc(100vh - var(--header-height));}
.container .aside {border-right: 1px solid var(--grayscale3); width: var(--space-180); flex-shrink: 0; padding-block: var(--fs-24);}
.container .aside .inner {width: calc(100% - var(--fs-24));}
.container .aside .aside-title {font-size: var(--fs-13); font-weight: 600; color: var(--grayscale5); padding: var(--fs-10) var(--fs-16); border-radius: 8px; margin-bottom: 8px;}
.container .aside .aside-menu ul {display: flex; flex-direction: column; row-gap: 4px;}
.container .aside .aside-menu a {font-weight: 500; width: 100%; font-size: var(--fs-14); color: var(--grayscale7); padding: var(--fs-10) var(--fs-16); border-radius: 8px;}
.container .aside .aside-menu .active a {background-color: var(--grayscale2); color: var(--grayscale9);}
.container .content {flex: 1; background-color: var(--grayscale1); padding-block: var(--fs-40);}

.admin-section .inner {display: flex; flex-direction: column; row-gap: var(--fs-40);}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */