@charset "utf-8";
* { box-sizing: border-box; font-family: 'roboto', 'verdana', 'arial', sans-serif; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
.clearfix:after { content:''; display: block; clear: both; }
body { margin: 0; background: #f8f8f9; }

/*---------- header 영역 ---------*/
.hotline { display: fixed; position: relative; width: 100%; height: 30px; background: #333; color: #F29A2E; font-size: .9em; line-height: 30px; }
.hotline_wrap { position: relative; width: 1000px; margin: 0 auto; }
.hotline_wrap > div { overflow: hidden; position: absolute; right: 0; top: 0; padding-right: 5px; }
.hotline_wrap > div > div { float: left; margin: 0 10px; }
.hotline_wrap span { font-weight: 400; color: #fff; }

header { display: fixed; position: relative; z-index: 999; width: 100%; height: 110px; background-color: #FFF; box-shadow: 0px 3px 7px rgba(0,0,0,.3); }
#header_wrap { position: relative; width: 1000px; height: 110px; margin: 0 auto; }
#header_wrap .logo { position: absolute; left: 0; top: 0; }

#header_wrap nav { position: absolute; right: 0; top: 0; width: 420px; height: 110px; }
#header_wrap nav .menu { overflow: hidden; }
#header_wrap nav .menu li { display: inline-block; float: left; height: 110px; margin-left: 30px; line-height: 110px; }
#header_wrap nav .menu a { font-size: 1.2em; transition: all ease 0.4s; }
#header_wrap nav .menu a:hover { color: #F29A2E; border-bottom: 2px solid #F29A2E; padding-bottom: 3px; }

/*---------- footer 영역 ---------*/
footer { width: 100%; height: 200px; background-color: #000; }
footer #footer_wrap { position: relative; width: 1000px; height: 100%; margin: 0 auto; padding-top: 30px; font-size: .85em; color: #999; line-height: 160%; }
footer #footer_wrap span { font-size: .65em; }