* { font-family: "Open Sans", "Nanum Barun Gothic", sans-serif; }
body > nav > div, body { width: 1200px; margin: 0 auto; padding: 0 10px; }
body { margin-top: 47px; }
body > nav { position: fixed; top: 0; left: 0; right: 0; height: 46px; background-color: white; border-bottom: 1px solid rgba(0,0,0,0.15); overflow: hidden; }
body > nav > div > a { display: inline-block; line-height: 46px; text-decoration: none; color: black; font-size: 13px; height: 46px; padding: 0 14px; border-bottom: 4px solid #5b7ce5; transition: all .15s ease-in-out; }
body > nav > div > a:hover { color: #5b7ce5; }
body > nav > div > a:hover, body > nav > div > a.now { height: 42px; }
body > header { height: 400px; background-color: #eee; overflow: hidden; }
body > header > h1 { font-weight: 400; margin: 105px 0 0 70px; font-size: 50px; }
body > header > p { margin: 0 0 0 73px; font-size: 25px; font-weight: 300; }
body > header > a { display: inline-block; color: transparent; margin: 15px 0 0 70px; width: 206px; height: 58px; background: url("//developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_206x58.png") no-repeat; }
body > section { width: 33.3333%; display: inline-block; text-align: center; height: 400px; padding: 0 39px; box-sizing: border-box; }
body > section > h2 { text-align: left; font-weight: 500; }
body > section > p { text-align: left; height: 85px; }
body > section > img { width: 320px; height: 240px; border: 1px solid #eee; }
body > footer { border-top: 1px solid #eee; margin-top: 20px; font-weight: 300; font-size: 12px; }