@charset "utf-8";
/* @import (http://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); */

/*익스플로러 EOT*/
@font-face {font-family:'NanumGothicWeb'; font-style:normal; font-weight:400; src:url('font/NanumGothic.eot')}

/*크롬, 파이어폭스 WOFF*/
@font-face {font-family:'NanumGothicWeb'; font-style:normal; font-weight:400; src:url('font/NanumGothic.woff') format('woff')}
/*16-08-12 font-weight: 400>100*/

/*사파리 TFF*/
@font-face {font-family:'NanumGothicWeb'; font-style:normal; font-weight:400; src:url('font/NanumGothic.ttf') format('truetype')}
/*16-08-12 font-weight: 400>600*/

/*CSS초기화*/
* {margin:0; padding:0}
html, body {width:100%; height:100%}
body {overflow-x:hidden; font-family:'NanumGothicWeb','malgun gothic', 'Malgun Gothic', 'NanumBarunGothic', 'sans-serif', 'AppleGothic'; font-size:12px; zoom:1}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul, li {list-style-type:none}
em, i {font-style:normal}
a {font-family:'NanumGothicWeb','malgun gothic', 'Malgun Gothic', 'NanumBarunGothic', 'sans-serif', 'AppleGothic'; text-decoration:none}
img, fieldset {border:0}
table {border-collapse:collapse}
small {font-size:1em}
hr {display:none}
address {font-style:normal}
table {table-layout:fixed; border-collapse:collapse; border-spacing:0}
input {margin:0; padding:0; font-family:'nanumbarun', 'Malgun Gothic', 'nanumbarunGothic'}
button {background:0; border:0; cursor:pointer}
.hide {visibility:hidden; font-size:0; line-height:0; text-indent:-99999px}
a, input, button, select {outline:0}

.mainbox {height: 32px; max-width: 1024px; width: 100%; margin: 0 auto;} /*로고, 하단  메뉴간 간격 height:*/

.mainbox .toparea { width: 50px; margin: 0 auto; height: 82px; /*background-color: red;*/}
.mainbox .toparea img {margin: 0 auto; margin-top: 15px; width: 50px;} /*필로브 로고 크기 width, .toparea width도 동시 변경해야함*/
.navigation {z-index: 1; margin: 0 auto; max-width: 1024px; width: 100%; height: 120px;  text-align: center; /*background-color: green;*/}
.navigation .menu {margin: 0 auto; width: 300px; height: 100px; /* background-color: red;*/ }
.navigation .menu table { max-width: 640px; width: 100%; height: 20px;}
.navigation .menu tr {}
.navigation .menu tr td {/*border: 1px solid black;*/}
.navigation .menu tr td a {color: #939598; font-size: 0.8em; text-transform: capitalize; letter-spacing: 1px;}
.navigation .menu .submenu {margin: 0 auto; width: 84px;}




.navigation .menu .submenu tr td {padding-left: 21px; text-align: left; height: 17px; }
.navigation .menu .submenu a { color: #b1b3b6; font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.5px;}
    


.mainimage {padding-top: 9px; position: relative; margin: 0 auto; max-width: 1024px; width: 100%; overflow: hidden;} /*그림과 FLE 123간격: padding-top*/
.mainimage .mobile_spacer {position: relative; width: 1024px; height: 7px; /*background-color: black;*/}
.mainimage img {width: 100%; display: block;}

#copyright {max-width: 1024px; width: 100%; height: 26px; margin: 0 auto; text-align: center;}
#copyright a {color: #c7c8ca; font-size: 0.4em; letter-spacing: 0.2px;}