@charset "utf-8";

/* reset element */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
img, fieldset { border:none; }
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
address, em { font-style:normal; }
li img, object { vertical-align:top; }
input, select, textarea, form img { vertical-align:middle; }
/* font */
body { font: 75% /1.5 "NanumGothic",Dotum,"돋움",sans-serif; color: #666; border-top: 3px solid #231f20;}
input, select, textarea{ font:12px /1.5 "NanumGothic", Dotum,"돋움",sans-serif; color:#666; }

/* anchor */
a { text-decoration: none; }
a:link { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: none;}
a:hover { color: #999; text-decoration: none;}
a:focus, a:hover, a:active { outline: none;}

/* skip */
.skip, legend, caption { font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; }
hr { display:none; }

/* common */
.clear { clear: both;}
#wrapper .pdr0 { padding-right: 0;}
#wrapper .pdl0 { padding-left: 0}
#wrapper .pdt0 { padding-top: 0}
#wrapper .pdb0 { padding-bottom: 0}
#wrapper .mgr0 { margin-right: 0}
#wrapper .bg_none {background: none;}
.inputS { border: 1px solid #ddd; height: 16px; line-height: 18px; width: 188px;}
.inputM { border: 1px solid #ddd; height: 16px; line-height: 18px; width: 250px;}
.inputL { border: 1px solid #ddd; height: 16px; line-height: 18px; width: 488px}
.more { position:absolute; top:7px; right:8px; }
.more a { color: #ff5662; font-weight: bold;}
.txt { float: left; }

/* layout */
#wrapper { width: 980px; margin: 0 auto;}
#header { position: relative; width: 100%; padding: 57px 0 78px; height: 31px;}
#container { position: relative;  width: 100%; padding-bottom: 30px; float: left;}
#footer { clear: both; position: relative; width: 100%; height: 61px; padding-top: 39px;}

/* header
h1 { float: left;}
#gnb { float: right;}
#gnb ul > li { float: left; padding-right: 85px;}
#gnb ul li a { color: #878787; display: block; font: bold 12px "Open Sans"; padding-top: 3px; text-align: center; -webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -ms-transition: color .5s; transition: color .5s;}
  
#gnb ul li a span { display: block; font: normal 11px "Nanum Gothic";}
#gnb ul li a:hover, #gnb ul li.on a { border-top: 3px solid #231f20; color: #231f20; padding-top: 0;}
 */
/* header */
h1 { float: left;}
#gnb { float: right;}
#gnb ul > li { float: left; padding-right: 85px;}
#gnb ul li a { color: #878787; display: block; font: bold 12px "Open Sans"; text-align: center; -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -ms-transition: color 300ms; transition: color 300ms; position: relative; padding-top: 3px;}
  
#gnb ul li a span { display: block; font: normal 11px "Nanum Gothic";}
#gnb ul li a .line { width: 0; height: 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; display: block; position: absolute; top: 0; left: 0;}
#gnb ul li a:hover, #gnb ul li.on a { color: #231f20; }
#gnb ul li a:hover .line, #gnb ul li.on a .line { width: 100%; height: 3px; background: #231f20; }
/* Footer */
#footer .inner { min-width: 300px; padding-left: 10px; background: url(/img/footerSquare.png) no-repeat 0 3px;}
#footer p { color: #878787; font-size: 11px; line-height: 13px;}