/******************************* 공통 ************************************/
body { position:relative; margin:0; padding:0; border:0; height:100%; line-height: 1.4; font:9pt "Verdana",AppleGothic,arial,sans-serif; color:#666666; text-align:justify;}
body * {margin: 0; padding: 0; border: 0; outline: 0;}
a {text-decoration:none}
img { border:0; vertical-align:top;}
object { outline:none; display:block;}
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:780px; height:100%;}
#wrapTop {position:relative; margin:0 auto; width:780px; height:25px; padding-top:20px;}
#wrapTop .menu { float:right; width:780px; height:25px;  background:#bdd4e6;}
#wrapTop .menu .gnb { height:15px; text-align:right;  padding:5px 5px 0 0;}
#wrapTop .menu .gnb li { display:inline; margin-left:-4px}

#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:780px; height:auto; margin-top:5px;}
#wrapContent .navi { position:relative; margin:0 auto; width:780px;height:204px;}

#wrapContent .contents {position:relative; auto; width:780px; height:auto;}
#wrapContent .contents .banner {float:left; width:780px; height:auto; margin:15px 0 15px 0;}
#wrapContent .contents .hot1 {float:left; width:780px; height:auto; }
#wrapContent .contents .hot2 {float:left; width:780px; height:auto; }
#wrapContent .contents .mice {float:left; width:780px; height:auto; }
#wrapContent .contents .column {float:left; width:780px; height:auto; }
#wrapContent .contents .scb {float:left; width:780px; height:auto;  }

#wrapContent .contents .bottom {float:left; width:780px; height:41px; }


#quick {position:absolute; z-index:1;}
#wrapFooter {position:relative; margin:0 auto; border:1px solid #ececec; clear:both; width:780px; height:48px; margin-top:30px; background:url(../image/main/copy.gif) no-repeat 0 0;}