2023/09/06 키워드 css 수정
This commit is contained in:
parent
938b039ad4
commit
98e37eb039
@ -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 */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user