@charset "utf-8";

#hd_wrap { width:100%; height:44px; border-top:solid 1px #fff; background:#f5f5f7; }
.hd { width:1418px; margin:0 auto; }
.hd_ul { display:inline-flex; float:right; list-style:none; height:14px; line-height:11px; margin-top:15px; font-family:Malgun Gothic, 맑은 고딕; font-size:14px; }
.hd_ul > li { float:left; padding:0 16px; border-right:solid 1px #414141; }
.hd_li_last { border-right:none !important; }
.hd_ul > li > a { color:#414141; }

#mm_back { position:relative; width:100%; height:59px; padding:14px 0 15px 0; z-index:1000; }
.mm_wrap { width:1166px; height:59px; margin:0 auto; }
.logo { float:left; margin-left:83px; }
.gnb_wrap { float:right; width:789px; height:58px; margin-top:16px; }
.gnb_wrap .gnb_bg { position:absolute; z-index:1; top:88px; left:0; width:100%; height:210px; background:#fff; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
.gnb_wrap > nav { float:none !important; }
.gnb_wrap > nav > ul { position:relative; display:table; margin:0 auto; padding:0; zoom:1; }
.gnb_wrap > nav > ul:after { content:""; display:block; clear:both;}
.gnb_wrap > nav > ul > li { z-index:10; position:relative; float:left; padding:0 9px 12px 9px; margin:0 57px; }
.gnb_wrap > nav > ul > li.gnb_1dli_dot { z-index:10; float:left; width:1px; height:15px; margin:19px 0; padding:0; background:#bababa; }
.gnb_wrap > nav > ul > li > a { color:#3a3a3a; }
.gnb_wrap > nav > ul > li.on, .gnb_wrap > nav > ul > li:hover { padding-bottom:12px; border-bottom:solid 3px #f5590c; }
.gnb_wrap > nav > ul > li > a.on, .gnb_wrap > nav > ul > li > a:hover { color:#007cab; text-decoration:none; }
.gnb_wrap > nav > ul > li > div { position:absolute; top:54px; left:0; width:150px; }
.gnb_wrap > nav > ul > li > div > ul { margin:0; padding:37px 0 0 30px; }
.gnb_wrap > nav > ul > li > div > ul:hover { }
.gnb_wrap > nav > ul > li > div > ul > li a { display:block; height:35px; font-family:Malgun Gothic, 맑은 고딕; font-size:14px; line-height:12px; letter-spacing:-0.3px; color:#666; }
.gnb_wrap > nav > ul > li > div > ul > li a:hover { text-decoration:none; color:#222; }

#cp_back { width:100%; background:#333; font-size:13px; font-family:NanumGothic, 나눔고딕; color:#cdcccc; margin-top:170px; padding:44px 0 40px 0; }
.cp_wrap { width:1000px; margin:0 auto; text-align:center; }
.cp_wrap > p { line-height:26px; letter-spacing:1px; }
.cp_wrap > p > span { color:#f7941d; }