diff --git a/css/style.css b/css/style.css index 19597b1..a162ebb 100644 --- a/css/style.css +++ b/css/style.css @@ -147,15 +147,14 @@ h3{ /*헤더영역*/ .header_top{ - position: fixed; + position: fixed !important; left: 0; top: 1em; - width: 100%; + width: 100vw; z-index: 1000; } .header_inner{ margin: 0 auto; - padding: 0 24px; } .header_line_top, .header_line_bottom{ height: 1px; @@ -235,12 +234,7 @@ h3{ padding-left: clamp(24px,4vw,60px); } -.content2_info_inner{ - display: inline-flex; - align-items: flex-start; - flex-direction: column; - justify-content: center; -} + .content2_info_inner_p{ color: #fff; font-weight: 700; @@ -391,6 +385,9 @@ h3{ @media screen and ( min-width: 1026px ){ + .header_inner{ + padding: 0 24px; + } .me > div{ max-width: 1024px; } @@ -440,7 +437,12 @@ h3{ .content2_list_inner > .content2_list_item:nth-child(even) > .content2_list_link{ flex-direction: row-reverse; } - + .content2_info_inner{ + display: inline-flex; + align-items: flex-start; + flex-direction: column; + justify-content: center; + } .contact{ height: 100vh; width: 100%; @@ -510,6 +512,12 @@ h3{ .content2_list_inner > .content2_list_item:nth-child(even) > .content2_list_link{ flex-direction: row-reverse; } + .content2_info_inner{ + display: inline-flex; + align-items: flex-start; + flex-direction: column; + justify-content: center; + } .contact{ width: 70%; padding: 3vw 3vh 3vh 3vh; @@ -586,7 +594,7 @@ h3{ display: none; } .header_content{ - padding: 12px 0; + padding: 12px 24px; } .content2_inner{ @@ -598,7 +606,7 @@ h3{ width: 100%; align-items: center; flex-shrink: 0; - padding-left: clamp(24px,4vw,60px); + padding: 0 clamp(24px,4vw,60px); margin-top: 10vh; } .content2_list{