@charset 'utf-8';

/* °øÅë */
#wrap { overflow: hidden; width: 100%; min-width: 1100px;}

/* header */
header { width: 100%; height: 82px;}
.hd { width: 1100px; margin: 0 auto; height: 82px;}
.hd h1 { float: left; float: left; margin-top: 21px;}

/* header ¸Þ´º */
.hd nav { float: right;} 
.gnb { float: left; height: 82px; font-family: 'Nanum Square'; }
.gnb > li { float: left; font-size: 18px; position: relative; margin-left: 104px;}
.gnb > li:first-child { margin-left: 0;}
.gnb > li > a { display: block; line-height: 82px; color: #333;}
.gnb > li:hover > a:before { content: ""; display: block; width: 74px; height: 3px; background: #1a4385; position: absolute; top: 58px; left: 50%; margin-left: -37px;}

.snb { display: none; overflow: hidden; position: absolute; top: 82px; left: 50%; margin-left: -70px; width: 140px; background: #1a4385; padding: 15px 0; z-index: 999;}
.snb li { text-align: center; font-size: 15px; }
.snb li a { display: block; line-height: 32px; color: #fff;}
.snb li:hover a { font-weight: bold; background: #2e5390;}

.tnb { float: left; height: 82px; font-family: 'Nanum Barun Gothic', sans-serif; margin-left: 154px;}
.tnb li { float: left; font-size: 13px;}
.tnb li a { display: block; line-height: 82px; color: #999;}
.tnb li a:before { content:"|"; float: left; color: #d7d7d7; margin: 0 8px;}
.tnb li:first-child a:before { display: none;}
.tnb li:hover a, .tnb li.on a { color: #666;}

/* footer */
footer { background: #44444c; overflow: hidden; position: relative; z-index: -2;}
footer:before { content: ""; display: block; width: 100%; height: 46px; background: #3f4045; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1;}
.ft { width: 1100px; margin: 0 auto; text-align: center; padding-top: 33px; overflow: hidden;}
.ft address { font-size: 14px; line-height: 28px; color: #a7a7a5; margin-bottom: 45px;}
.ft address span { margin: 0 8px 0 7px;}
.ft p.copy { font-size: 14px; line-height: 46px; color: #a7a7a5;}