@charset 'utf-8';

/* °ψΕλ */

#wrap { min-width:1100px; }
header { width:100%; }
header > div { width:1100px; margin:0 auto; height:78px; }
header h1 { float:left; margin-top:19px; }
.top { float:right; margin-top:30px; overflow:hidden; }
.top li { float:left; height:16px; }
.top li a { display:block; height:100%; font-size:0;  }
.top li.email a { width:24px; background:url(/img/common/icon_mail.gif) no-repeat; }
.top li.category a { float:left; width:17px; background:url(/img/common/icon_cateogry.gif) no-repeat; }
.top li.category:before { content:""; display:block; float:left; width:1px; height:16px; background:#e1e1e1; margin:0 20px; }
header > nav { width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
#gnb { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:54px; width:1098px; margin:0 auto; font-family:"Noto Sans KR";  }
#gnb > li { float:left; border-left:1px solid #e8e8e8; width:218.8px; }
#gnb > li:first-child { border-left:none; }
#gnb > li > a { display:block; width:100%; height:54px; line-height:54px; text-align:center; font-size:15px; color:#232323; font-weight:300; }
.depth { display:none; position:absolute; z-index:555; width:218.8px; margin-left:-1px; border:1px solid #e8e8e8;  background:#fff; }
.depth li { border-top:1px solid #e8e8e8; }
.depth li:first-child { border-top:none; }
.depth li a { display:block; width:100%; height:54px; line-height:54px; text-align:center; font-size:15px; font-weight:250; color:#3e3e3e; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; }
.depth li:hover a { color:#fff; background:#dc372b; }


/*pcCategory*/
.cateBox { position:absolute; top:0; left:0; width:100%; background:#fff; z-index:555; border-bottom:1px solid #ddd; }
.cateBox > a { position:absolute; right:0; top:0; display:block; width:68px; height:68px; font-size:0; background:#dc372b url(/img/common/icon_close.gif) no-repeat center center; }
.cateBox > nav { width:1100px; margin:0 auto; overflow:hidden; padding-bottom:65px; }
.cateBox h2 { margin-top:25px; }
.cateBox div { margin:30px 0 0 250px; }
.cateBox dl { float:left; width:170px; }
.cateBox dt { font-size:26px; line-height:100%; margin-bottom:15px; }
.cateBox dd { line-height:30px; font-size:16px; }



#wrap > article { width:100%; overflow:hidden; }

footer { border-top:1px solid #e5e5e5; }
footer > div { width:1100px; margin:0 auto; overflow:hidden; padding:35px 0 75px; }
footer h2 { float:left; margin-top:5px; }
footer address { float:left; font-size:14px; letter-spacing:-.5px; line-height:24px; margin-left:45px;  }
footer address span { margin-left:20px; }