diff --git a/src/main/webapp/publish/css/main.css b/src/main/webapp/publish/css/main.css index dd6c34d8..be458bf9 100644 --- a/src/main/webapp/publish/css/main.css +++ b/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 */