@charset "utf-8";

*{margin:0;padding:0;}
body,td,th {font-family:'Malgun Gothic',Dotum;color:#000; font-size:12px; color:#333;line-height:20px;}
html, body{width:100%;height:100%;}
body{ background-color:#fafafa;}
legend, caption {display:none;clear:both;}
ol,ul,li {list-style:none;}
img, fieldset {vertical-align:top; border:0;}
img, video {max-width:100%;border:0;vertical-align:top;}
A:link	{text-decoration:none;color:#333;}
A:visited{text-decoration:none;color:#333;}
A:hover {text-decoration:underline;color:#18b0ff;}
A:active {text-decoration:none;color:#333;}

.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}
.vam{ vertical-align:middle;}
.clb{clear:both;}
.posR{position:relative}


.fc_red{color:#e8630a;}
.fc_blue{color:#209ae4;}
.fc_gray{color:#aaa;}
.fwb{font-weight:bold;}
.point_blue{color:#18b0ff; font-weight:bold;}

.fs_big{font-size:17px;}
.fs11{font-size:11px;}
.lh14{line-height:14px;}

.pdB70{ padding-bottom:70px;}
.pdB60{ padding-bottom:60px;}
.pdB50{ padding-bottom:50px;}
.pdB45{ padding-bottom:45px;}
.pdB40{ padding-bottom:40px;}
.pdB35{ padding-bottom:35px;}
.pdB30{ padding-bottom:30px;}
.pdB25{ padding-bottom:25px;}
.pdB20{ padding-bottom:20px;}
.pdB15{ padding-bottom:15px;}
.pdB10{ padding-bottom:10px;}
.pdB9{ padding-bottom:9px;}
.pdB7{ padding-bottom:7px;}
.pdB6{ padding-bottom:6px;}
.pdB5{ padding-bottom:5px;}
.pdB4{ padding-bottom:4px;}
.pdB3{ padding-bottom:3px;}
.pdB2{ padding-bottom:2px;}
.pdB1{ padding-bottom:1px;}

.pdT70{ padding-top:70px;}
.pdT60{ padding-top:60px;}
.pdT50{ padding-top:50px;}
.pdT45{ padding-top:45px;}
.pdT40{ padding-top:40px;}
.pdT35{ padding-top:35px;}
.pdT30{ padding-top:30px;}
.pdT25{ padding-top:25px;}
.pdT20{ padding-top:20px;}
.pdT15{ padding-top:15px;}
.pdT10{ padding-top:10px;}
.pdT9{ padding-top:9px;}
.pdT7{ padding-top:7px;}
.pdT6{ padding-top:6px;}
.pdT5{ padding-top:5px;}
.pdT4{ padding-top:4px;}
.pdT3{ padding-top:3px;}
.pdT2{ padding-top:2px;}
.pdT1{ padding-top:1px;}


.mrgB70{ margin-bottom:70px;}
.mrgB60{ margin-bottom:60px;}
.mrgB50{ margin-bottom:50px;}
.mrgB45{ margin-bottom:45px;}
.mrgB40{ margin-bottom:40px;}
.mrgB35{ margin-bottom:35px;}
.mrgB30{ margin-bottom:30px;}
.mrgB25{ margin-bottom:25px;}
.mrgB20{ margin-bottom:10px;}
.mrgB15{ margin-bottom:15px;}
.mrgB13{ margin-bottom:13px;}
.mrgB12{ margin-bottom:12px;}
.mrgB10{ margin-bottom:10px;}
.mrgB9{ margin-bottom:9px;}
.mrgB7{ margin-bottom:7px;}
.mrgB6{ margin-bottom:6px;}
.mrgB5{ margin-bottom:5px;}
.mrgB4{ margin-bottom:4px;}
.mrgB3{ margin-bottom:3px;}
.mrgB2{ margin-bottom:2px;}
.mrgB1{ margin-bottom:1px;}

.mrgT70{ margin-top:70px;}
.mrgT60{ margin-top:60px;}
.mrgT50{ margin-top:50px;}
.mrgT45{ margin-top:45px;}
.mrgT40{ margin-top:40px;}
.mrgT35{ margin-top:35px;}
.mrgT30{ margin-top:30px;}
.mrgT25{ margin-top:25px;}
.mrgT20{ margin-top:10px;}
.mrgT15{ margin-top:15px;}
.mrgT13{ margin-top:13px;}
.mrgT12{ margin-top:12px;}
.mrgT10{ margin-top:10px;}
.mrgT9{ margin-top:9px;}
.mrgT7{ margin-top:7px;}
.mrgT6{ margin-top:6px;}
.mrgT5{ margin-top:5px;}
.mrgT4{ margin-top:4px;}
.mrgT3{ margin-top:3px;}
.mrgT2{ margin-top:2px;}
.mrgT1{ margin-top:1px;}


/*레이아웃*/
#wrap{}

#header{position:relative;padding:20px 0 15px;}
#logo_area{ position:relative;margin:0 20px;padding-bottom:10px;}
#logo_area h1{font-size:19px;letter-spacing:-1px;}
#logo_area a.logout{display:block;position:absolute;top:0;right:0;height:22px;line-height:22px;width:70px;background-color:#555;color:#fff;font-weight:bold;text-align:center;font-size:11px;border-radius:4px;}
#header .header_wrap{position:relative;border:1px solid #a8a8a8; background:url(../img/bg_topmenu.gif) repeat-x  0 bottom;background-size:auto 100%;margin:0 20px;padding-bottom:10px;}


#top_menu{padding:13px 0 5px 10px; height:100%; overflow:hidden;}
#top_menu li{float:left;}
#top_menu li a{display:block; font-size:15px; font-weight:bold; line-height:30px;height:30px;padding:0 10px; letter-spacing:-1px;background:url(../img/line_topmenu.gif) no-repeat 0 10px;}
#top_menu li a.selected{color:#18b0ff;}
#top_menu li.first a{background:none;}

#submenu{padding:7px 0 0 20px; font-size:14px; letter-spacing:-1px; border-top:1px solid #aaa;}
#submenu a{display:inline-block;padding:3px 13px 3px 0;}
#submenu a.selected{color:#18b0ff;}

#container{position:relative; height:100%;}
#content{border:1px solid #aaa; background-color:#fff; border-top:none; min-height:700px; padding:20px;}

#title{background:url(../img/bg_title.gif) repeat-x; border:1px solid #9394aa; height:48px;}
#title h2{float:left; font-size:20px;letter-spacing:-1px; line-height:44px;background:url(../img/icon_title.gif) no-repeat 12px 14px; padding-left:38px; color:#222;}

#content_wrap{margin:0 20px 0;}

#footer{font-size:11px; color:#777; padding:10px 20px 15px; text-align:right;}