﻿@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 
body { font-size:14px; font-family: 'Nanum Gothic', 'Lato', sans-serif; background:#EEF1EF; color:#36332e; }

/* Layout */
#Wrapper { position:relative; width:1080px; margin:0 auto; background:#FFF; }
#Header { position:absolute; top:21px; left:24px; width:1033px; height:53px; background:#FFF; z-index:999; }
#Footer { width:1080px; padding-top:18px; background:#1C1C1C; color:#999; }
#Footer a { color:#999; }


/* Header */
#Header h1 { float:left; width:317px; height:53px; margin-right:65px; }
#Header h1 a { display:block; width:317px; height:53px; background:url('../images/common/logo-title.png') no-repeat 50% 50%; text-indent:-8000px; }
#Nav { position:relative; display:table; float:right; width:650px; margin-top:15px; border-collapse:collapse; background:#FFF; }
#Nav:after { display:none; width:0; height:0; content:""; clear:both; }
#Nav > li { display:table-cell; float:left; }
#Nav > li > a { display:block; height:38px; text-align:center;  }
#Nav > li > a > span { font-family:'Lato','Nanum Gothic', sans-serif;  font-size:18px; font-weight:bold; line-height:38px; color:#2f9515; /*visibility:hidden;*/ }
#Nav > li.on { background-color:#1C1C1C; }
#Nav .subNav { display:none; position:absolute; top:38px; left:0; width:650px; padding-top:47px; min-height:194px; padding-bottom:73px; padding-left:21px; background:#1C1C1C; color:#FFF; box-sizing:border-box;}
#Nav .subNav li { height:18px; margin-bottom:19px; line-height:1; text-align:left; }
#Nav .subNav a { display:inline-block; height:13px; padding:4px 3px 3px; font-size:13px; line-height:1; text-transform:uppercase; color:#FFF; }
#Nav .subNav a:hover { background:#2a8a15; }
#Nav .subNav .subExtend { display:block; position:absolute; top:47px; left:220px; width:430px ;font-family:'Domine', NanumGothic,’나눔고딕’,ng, , serif; font-weight:bold; font-size:12px; letter-spacing:0px; text-align:left; }
#Nav .subNav .subExtend img { margin-right:16px; vertical-align:middle; }
#Nav > li#Menu02,
#Nav > li#Menu03,
#Nav > li#Menu04 { width:110px; }

#Header .toplink { position:absolute; display:table; border-collapse:collapse; right:0; height:13px; font-size:11px; line-height:13px; margin-top:2px; z-index:2; }
#Header .toplink > li { display:table-cell; padding-right:8px; }
#Header .toplink > li a { display:block; white-space:nowrap; color:#267f15; }
#Header .toplink > li img { width:13px; height:13px; vertical-align:middle; }
#Header .toplink > li.kor { display:none; }
#Header .toplink > li.find { padding:0 11px 0 3px; }

/* Footer */
.footLink { width:855px; margin:0 auto 5px; text-align:right;}
.footLink li { display:inline-block; padding-left:11px; margin-left:10px; line-height:1; background:url('../images/common/footer_link_bar.gif') no-repeat 0 50%; font-family:'Lato','Nanum Gothic', sans-serif;  }
.footLink li:first-child { margin-left:0; padding-left:0; background:none; }
.footLink li a { font-size:11px; line-height:1; text-transform: uppercase; }
.copyrightInfo { width:855px; height:45px; margin:0 auto; font-size:12px; color:#999;  text-align:center;  font-family:'Lato','Nanum Gothic', sans-serif;  }
.copyrightInfo address { font-style: normal; white-space: nowrap;  font-family:'Lato','Nanum Gothic', sans-serif;  }


.fl { float:left; }
.fr { float:right; }