@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

.w1100 { width:1100px;margin:0 auto;position:relative;}
.clear { display:block;visibility:hidden;clear:both;content:""}
.arita { font-family: Arita; font-weight:400;letter-spacing:-0.6px;}

#wrap { min-width:1100px;}

#header { width:100%;min-width:1100px;background:url(/images/h_bg.gif) repeat-x transparent;}
#header #topBox { height:198px;position:relative;}
#header #logo { width:260px;margin:0 auto;}

#header #nav { position:relative;-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);background:#fff;z-index:1;}
#header #nav .main_nav { margin-left:88px;}
#header #nav .main_nav:after { display:block;visibility:hidden;clear:both;content:""}
#header #nav .main_nav > li { float:left;position:relative;}
#header #nav .main_nav > li > a { display:block;padding:18px 50px 15px;font-size:17px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;line-height:1;color:#333;}
#header #nav .main_nav > li:hover > a, #header #nav .main_nav > li.active > a { color:#c00000}
#header #nav .main_nav > li > .sub_nav { display:none;position:absolute;left:0;top:51px;width:100%;text-align:center;padding:11px 0;z-index:2;}
#header #nav .main_nav > li > .sub_nav li a { display:block;padding:9px 0;font-size:16px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;line-height:1;color:#7d7d7d}
#header #nav .main_nav > li > .sub_nav li a:hover, #header #nav .main_nav > li > .sub_nav li a.active { color:#353535}
#header .subNav_wrap { display:none;width:100%;height:154px;background:#fff;border-top:1px solid #d8d9dc;border-bottom:1px solid #d8d9dc;position:absolute;top:50px;z-index:1;}
#header .subNav_wrap .sub_nav { width:791px;margin:0 auto;padding-left:309px;}
#header .subNav_wrap .sub_nav ul { float:left;width:161px;padding-top:11px;}
#header .subNav_wrap .sub_nav ul li { text-align:center;}
#header .subNav_wrap .sub_nav ul li a { display:block;padding:8px 0;margin:0 auto;}
#header .top_menu { position:absolute;right:0;top:12px;}
#header .top_menu:after { display:block;visibility:hidden;clear:both;content:""}
#header .top_menu li { float:left;}
#header .top_menu li a { display:block;margin-left:17px;}

#footer { width:100%;border-top:1px solid #e5e5e5;background:#f5f5f5;padding:20px 0;}
#footer:after { display:block;visibility:hidden;clear:both;content:""}
#footer #ft_logo { float:left;padding:35px 30px 20px 0;border-right:1px solid #d9d9d9}
#footer .ft_box { float:left;padding-left:30px;max-width:756px;}
#footer .ft_box .ft_menu { margin-bottom:12px;}
#footer .ft_box .ft_menu:after { display:block;visibility:hidden;clear:both;content:""}
#footer .ft_box .ft_menu a { display:inline-block;font-size:12px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.2px;color:#979797;margin-right:22px;}
#footer .ft_box .ft_menu a:hover { color:#595959}
#footer .ft_box .add p { font-size:12px;font-family: 'Noto Sans KR', sans-serif;font-weight:300;color:#a2a2a2}
#footer .ft_box .add p span.copy { display:inline-block;margin-top:8px;}