chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
subsub 2023-09-06
2023/09/06 키워드 css 수정
@98e37eb039c93af7b27539956dc906012bdb1654
938b039
98e37eb
src/main/webapp/publish/css/main.css
--- src/main/webapp/publish/css/main.css
+++ src/main/webapp/publish/css/main.css
@@ -206,13 +206,16 @@
 
 
 /*요금안내 top 배너 시작*/
 
 .price_top_banner{position: fixed; right: 4%; top: 160px; z-index: 20;}
 
-.keyword_wrap .inner{border-radius: 20px 5px 20px 5px; background-color: #f5f5f5; padding: 50px 0 0 0; min-width: 1200px;}
 
-.keyword_wrap .inner>p.tit_text{font-size: 34px; font-weight: 700; text-align: center;}
 
-.keyword_wrap .link_box{display: flex; width: 100%; padding: 30px; box-sizing: border-box; flex-wrap: wrap; align-items: center; margin: 0 0 80px 0;}
 
-.keyword_wrap .link_box li{margin: 0 20px 13px 0;}
 
-.keyword_wrap .link_box a{position: relative; height: 45px; padding: 7px 15px 7px 53px; border: 1px solid #222; border-radius: 5px; font-family: 'GmarketSansMedium'; font-size: 18px; line-height: 33.5px; color: #222; background-color: #fff; box-sizing: border-box;}
 
+
 
+/* 키워드 */
 
+.keyword_wrap{margin: -50px 0 0 0;}
 
+.keyword_wrap .inner{border-radius: 20px 5px 20px 5px; background-color: #f5f5f5; padding: 30px 0 0 0; min-width: 1200px;}
 
+.keyword_wrap .inner>p.tit_text{font-size: 24px; font-weight: 700; text-align: center;}
 
+.keyword_wrap .link_box{display: flex; width: 100%; padding: 23px 30px; box-sizing: border-box; flex-wrap: wrap; align-items: center; margin: 0 0 30px 0;}
 
+.keyword_wrap .link_box li{margin: 0 8px 8px 0;}
 
+.keyword_wrap .link_box a{position: relative; height: 35px; padding: 7px 11px 7px 34px; border: 1px solid #222; border-radius: 5px; font-family: 'GmarketSansMedium'; font-size: 14px; line-height: 22.5px; color: #222; background-color: #fff; box-sizing: border-box;}
 
 .keyword_wrap .link_box a:hover{box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
 
-.keyword_wrap .link_box a::after{position: absolute; content: "#"; width: 30px; height: 30px; border-radius: 100%; background-color: #fbc72b; font-family: 'GmarketSansMedium'; color: #222; text-align: center; line-height: 34px; left: 13px; top: 50%; transform: translateY(-50%);}
 
+.keyword_wrap .link_box a::after{position: absolute; content: "#"; width: 22px; height: 22px; border-radius: 100%; background-color: #fbc72b; font-family: 'GmarketSansMedium'; color: #222; text-align: center; line-height: 25px; left: 8px; top: 50%; transform: translateY(-50%);}
 
 
 
 /* media queries */
Add a comment
List