diff --git a/Header.module.css b/Header.module.css new file mode 100644 index 0000000000000000000000000000000000000000..e6ea4fb3e785e4d91d0e19869b857d64973a1ef9 --- /dev/null +++ b/Header.module.css @@ -0,0 +1,63 @@ +@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); +header { + background-color: white; + color: black; + padding: 1em; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 2px solid #ddd; + font-weight: bold; + position: sticky; + top: 0; + +} + +.header_logo img { + height: 80px; /* 이미지 높이 조절 */ + margin-left: 20px; + margin-right:35px; +} +.header_nav { + margin-top: 3px; + display: flex; /* 로고와 네비게이션을 한 행에 배치하기 위해 추가 */ + +} + +.header_nav ul { + list-style: none; + display: flex; +} +.header_content { + display: flex; + align-items: center; + width: 100%; +} +.header_nav li :first-child{ + margin-left: 18px; +} + +.header_nav li { + font-size: 18px; + margin-top: 10px; + +} +.header_nav li:not(:last-child) { + margin-right: 130px; + +} + +.header_nav a { + text-decoration: none; + color: black; + +} + +.header_nav li:last-child a img { + height: 30px; + width: auto; + margin-top: 0px; + margin-right: 28px; + margin-left: 0px; +} +