/******************************* 공통 ************************************/
body { position:relative; margin:0; padding:0; border:0; height:100%; line-height: 1.4; font:9pt "돋움",AppleGothic,arial,sans-serif; color:#898989; text-align:justify;}
body * {margin: 0; padding: 0; border: 0; outline: 0;}
body {background: url(../image/mainpt.gif) repeat-x left top; }
a {text-decoration:none}
img { border:0; vertical-align:top;}

hr, .skipnav, legend, address, .hidden { position:absolute; width:0; height:0; font:0/0 Sans-serif;visibility:hidden; z-index:-1}
.dspNone { display:none}
ul, ol, li {list-style:none}
caption,.d_none { display:none}

body {scrollbar-face-color:FFFFFF;
      scrollbar-shadow-color:d7d7d7;
      scrollbar-highlight-color:d7d7d7;
      scrollbar-3dlight-color:FFFFFF;
      scrollbar-darkshadow-color:FFFFFF;
      scrollbar-base-color:FFFFFF;
      scrollbar-arrow-color:606060;
      scrollbar-track-color:FFFFFF;}   

a:link, 
a:visited { color:#565656; text-decoration:none; selector-dummy: expression(this.hideFocus=true);}
a:hover, 
a:active, 
a:focus { color:#2b6ed3}


/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
* html .clearfix {height: 1%;} /* hides from ie-mac */

/*layout*/
#wrapCenter {position:relative; margin:0 auto; width:910px; height:100%;}
#wrapTop {position:relative; margin:0 auto; width:910px; height:40px;}
#wrapTop .menu1 {width:750px; float:left; height:20px; margin-top:20px;}
#wrapTop .menu1 .gnb {text-align:right;}
#wrapTop .menu1 .gnb li {display:inline;}
#wrapTop .menu2 {width:150px; float:right; height:20px; margin-top:20px; text-align:right;}

#wrapContent:after { content: "."; display:block; height:0px; clear:both; visibility:hidden;}
#wrapContent {display:inline-block;}
#wrapContent {display:block;}
* html #wrapContent { height: 1%;} /* hides from ie-mac */

#wrapContent {position:relative; margin:0 auto; width:910px; height:auto;}
#wrapContent .navi {position:relative; margin:0 auto; width:910px; height:70px; margin:10px 0;}
#wrapContent .mainfla {position:relative; margin:0 auto; width:800px; height:500px;}

#wrapContent .contents {position:relative; auto; width:910px; height:165px; margin-top:15px;}
#wrapContent .contents .notice {float:left; width:292px; height:auto; margin-right:16px; margin-top:15px;}
#wrapContent .contents .hot {float:left; width:292px; height:auto; margin-right:16px; margin-top:15px;}
#wrapContent .contents .quick {float:left; width:292px; height:auto; margin-top:15px;}

#quick {position:absolute; z-index:1;}
#wrapFooter {position:relative; margin:0 auto; clear:both; width:910px; height:41px; margin-top:10px;}