• 이미지>
  • Goodlge 제공 서비스:English
    • 광고
    • 비지니스
    • Google 정보
    • 검색의 원리
    • 개인정보처리방침
    • 약관
    • 설정
    :root{ --gray-color :#717271; --light-gray-color: #dee0e5; --midium-gray-color: #999fa6; --button-gray-color: #f0f1f0; --footer-back-color: #f1f2f1; --footer-border-color: #e3e4e3; --button-text-gray-color: #5f6368 --font-familly:'Apple SD Gothic Neo' ,arial,sans-serif; } *{ padding: 0% margin:0; font-family:var(--foont-family); } .top-header{ width: 100%; height: 50px; } .top-header . top-nav{ display: flex; height: 36px; justify-content: flex-end; padding-top: 18px; padding-left: 30px; padding-right 30px; align-content :center; } .top-header .top-nav ul{ dispaly:flex; justify-content: flex-end; list-style-type: none; align-content : center; }.top-header .top-nav ul li{ margin-right: 18px; height:36px; } .top-header .top-nav ul li a{ text-decoration: none; font-size: 13px; display: block; line-height: 36px; width :36; color:var( --gary-color ) } .top-header .top-navul li a:hover{ text-decoration: underline } .top-header top-nav .profile_img_wrap img{ width:36px; height:36xp; border-radius: 18; } .main-section{ width: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main-section .logo-wrap{ height: 233px; } .main-section .logo-wrap a{ display: block; padding-top: 109px; } .main-section .searchbar-wrap{ border: solid lpx var(--light-gray-color); width: 490px; height: 50px; border-radius: 25px; display: flex; justify-content: space-evenly; align-content: center; padding-left: 8px; padding-right: 8px; } .main-section .searchbar-wrap .search-wrap i{ line-height: 50px; color: var( --midium-gray-color); } .main-section .searchbar-wrap .search-input{ width: 400px; height: 50px; font-size: 16px; border: none; outline: none; } .main-section .buttons{ padding-top: 30px; } .main-section .buttons button{ background-color: var( --button-gray-color); border: 0; height: 38px; padding-left: 15px; padding-right: 15px; margin: 5px; border-radius: 5px; font-size: 14px; color: var( --button-text-gray-color); } .main-section .now-lang{ padding-top: 25px; font-size: 12px; } footer{ psition: fixed; bottom: 0; width: 100px; background: var( --footer-back-color); color: var(--button-text-gray-color); font-size: 15px } footer .country{ border-top: solid 1px var(--footer-border-color); padding-left: 32px; line-height: 40; height: 40px; display: flex; flex: auto; } footer. foot-links-wrap .foot links-wrap-right{ width: 50%; } footer .foot-links-wrap. .foot-links-wrap-right ul li a{ display: block; padding-right: 28px; text-decoration: none; } footer .foot-links-wrap .foot-links-wrap-left{ width: 50%; } footer .foot-links-wrap .foot-links-wrap-left ul{ list-style: none; display: flex; justify-content: flex-end; } footer .foot-links-wrap .foot-links-wrap-left ul li a{ display: block; padding-right: 28px; text-decoration: none; }