@charset 'utf-8';

/* °ψΕλ */

#wrap { min-width:1200px; }
header { height:125px; border-bottom:1px solid #b7b7b7; }
header .top { width:100%; height:31px; background:#f0f0f0; border-bottom:1px solid #e1e1e1; }
header .top nav { width:1200px; margin:0 auto; }
header .top ul { float:right; font-size:13px; }
header .top li { float:left; height:31px; border-left:1px solid #d4d4d4; width:69px; }
header .top li a { display:block; width:100%; line-height:31px; text-align:center; }
header .top li a img { vertical-align:top; margin-right:4px; padding-top:8px; }
header .top li.home { width:90px; border-left:none; }
header .top li.home a {  background:url(/img/common/bg_home.gif) repeat; font-weight:bold; color:#fff; }
header .inner { width:1200px; margin:0 auto; height:93px; }
header h1 { float:left; margin-top:36px; }
header .inner > nav { float:right; margin-top:8px; }
#gnb { float:left; margin:28px 20px 0 0; }
#gnb > li {  font-size:15px; float:left; margin-left:30px; position:relative; z-index:70; height:58px; letter-spacing:-0.5px }
#gnb > li:first-child { margin-left:0; }
#gnb > li > a { color:#121212; }
#gnb > li:hover > a { color:#073364; }
#gnb > li:hover .depth { background:#e9e9e9; }
.depth { display:none; position:absolute; top:58px; left:-15px; width:180px; height:230px; padding-left:15px; box-sizing:border-box;padding-top:18px;}
.depth li { font-size:15px; font-weight:400; line-height:18px; padding:5px 0; }
.depth li a { color:#494949; }
.depth li a:hover { color:#006acd; font-weight:700; }

.gnbBg { display:none; position:absolute; top:125px; left:0; border-top:1px solid #b7b7b7; z-index:66; width:100%; height:230px; background:rgba(255,255,255,.9); }

header .inner > nav > p { float:right; }
#wrap > article { overflow:hidden; }

footer { width:100%; background:#323232; overflow:hidden; font-family:"Nanum Square"; }
.fnb { width:100%; height:57px; background:#232323; }
.fnb nav { width:1200px; margin:0 auto; overflow: hidden;}
.fnb ul { float:left; }
.fnb li { float:left; line-height:57px; font-size:15px; }
.fnb li:before { content:""; display:block; float:left; width:2px; height:14px; background:#4c4a4a; margin:22px 20px 0;}
.fnb li:first-child:before { display:none; }
.fnb li a { color:#7f7c7c; }
.fnb li a:hover, .fnb li.on a { color:#0061c5; }
.fnb nav > a { display:block; float:right; width:59px; height:59px; background:#504d4d url(/img/common/icon_scrollTop.gif) no-repeat center; font-size:0; }
footer .inner { width:1200px; margin:0 auto; overflow:hidden; height:152px; }
footer h2 { float:left; margin-top:43px; }
footer article { float:left; /* margin:23px 0 0 100px; */margin:23px 0 0 0; }
footer address { font-size:14px; color:#7f7c7c; line-height:28px; letter-spacing:-0.5px}
footer address span { margin-right:20px; }
footer address i { font-style:normal; color:#aaa; margin-left:3px; }
footer p { color:#d7d6d6; font-size:14px; margin-top:20px; }
footer p em { color:#0061c5; }