diff --git a/css/fishing.css b/css/fishing.css index 35e1cf9..02120eb 100644 --- a/css/fishing.css +++ b/css/fishing.css @@ -16,6 +16,13 @@ body { position: relative; height: 100%; } +/* html{ + scroll-behavior: smooth; +} */ +/*스크롤바 감추기*/ +/* body{ -ms-overflow-style: none; } +::-webkit-scrollbar { display: none; } */ + ul, li{ list-style: none; } a{ text-decoration: none; } img{ display: block; } @@ -34,6 +41,7 @@ header{ top: 0; left: 0; z-index: 100; + transition: all 0.3s; } header .hinner{ width: 1800px; @@ -113,14 +121,22 @@ nav{ margin: 0 300px; } color: #fff; } +header.on{ + height: 70px; + border-bottom: 1px solid #eeeeee; +} +header .logo{ display: none; } +header .logo.on{ display: block; } + /*풀페이지 슬라이더*/ -.fullslider{ height: 100%; } +/* .fullslider{ height: 100%; } */ .wrap > .swiper-wrapper{ display: flex; flex-direction: column; } .wrap .swiper-wrapper .swiper-slide{ width: 100%; + height: 100vh; } /*sec01*/ @@ -241,8 +257,9 @@ nav{ margin: 0 300px; } line-height: 25px; color: #12B9FF; } -.sec02 .left .top > .tap > span:nth-child(1).on{ +.sec02 .left .top > .tap > span.on{ background-color: #12B9FF; + outline: 1px solid #12B9FF; color: #fff; } .sec02 .left .top > span{ @@ -259,6 +276,7 @@ nav{ margin: 0 300px; } .sec02 .contents{ width: 100%; height: 540px; + display: none; } .sec02 .contents table{ width: 100%; @@ -287,6 +305,8 @@ nav{ margin: 0 300px; } text-align: center; font-size: 14px; } +.sec02 .contents.on{ display: block; } + .sec02 .right .event, .sec02 .right .notice{ position: relative; @@ -388,6 +408,7 @@ nav{ margin: 0 300px; } .sec04{ background: url(../images/main/main-background4.png) no-repeat center / cover; position: relative; + margin-top: 1px; } .sec04 .inner{ flex-direction: column; @@ -504,7 +525,14 @@ nav{ margin: 0 300px; } footer{ background-color: #111827; width: 100%; + /* height: 160px; */ + overflow: hidden; + height: 0; + transition: height 0.1s; +} +footer.on{ height: 160px; + transition: height 0.1s; } footer .inner{ align-items: center; @@ -524,4 +552,4 @@ footer .copyright{ position: absolute; right: 0; top: 90px; -} \ No newline at end of file +} diff --git a/legendaryFishing.html b/legendaryFishing.html index be34139..3d288d8 100644 --- a/legendaryFishing.html +++ b/legendaryFishing.html @@ -13,10 +13,11 @@ Legend Fishing -
+
- 헤더로고 + +