@charset "utf-8";
@import url(base.css);

*:first-child+html #headerWrapper{ margin-top:-28px; }

body {height: 100%; background-color:#888; color:#798086;}

*{font-family: 'Nanum Gothic','Open Sans', Aria, sans-serif;}
body{font-family: 'Nanum Gothic','Open Sans', Aria, sans-serif;}

/* header */
#headerWrapper{width:100%; height:103px; background:#fff url(../images/common/header_bg.gif) repeat-x 0 77px;}
#header{width:997px; margin:0 auto; position:relative;}
h1{padding-top:22px;}
h2{position:absolute; top:22px; left:945px;}

/* utilMenu */
.topGnb{ position:absolute; top:10px; right:0px; }
.topGnb li{ float:left; }
.topGnb li.frist{ padding-right:10px; }
.topGnbClear{ clear:both; }

/* header (topmenu)*/
#topmenu{position:absolute; top:43px; left:414px;}
#topmenu li{float:left; padding:0 20px;}
#topmenu li.menu1,
#topmenu li.first{padding-left:0; background:none;}
#topmenu li.menu4{padding-right:0;}

#topmenu ul{position:absolute; top:40px; left:0; display:none; }
#topmenu ul li{padding:0 15px;}
#topmenu ul li a{color:#fff; font-weight:bold;}

#topmenu li.menu1 ul{left:-70px; width:400px;}
#topmenu li.menu2 ul{left:-10px; width:600px;}
#topmenu li.menu3 ul{left:130px; width:250px;}
#topmenu li.menu4 ul{left:70px; width:320px;}
#topmenuClear{clear:both;}

/* mainVisual */
#mainVisual{width:100%; background-color:#ececec;}
#mainVisual h3{width:997px; margin:0 auto;}

/* mainContents */
#mainContentsWrap{width:100%; background-color:#fff;}
#mainContents{width:997px; margin:0 auto; padding:30px 0px 60px 0px; background:url(../images/main/contentsmenu_line.gif) no-repeat 425px 50px;}
#reference,
#contentsMenu{float:left;}
#mainContentsClear{clear:both;}

/* mainContents (reference) */
#reference{width:380px; background:url(../images/main/referenceroom_dot.gif) no-repeat 95px 48px;}
#reference h4{padding-bottom:10px;}
#reference ul li{padding:5px 0px 13px 13px; background:url(../images/main/referenceroom_data.gif) no-repeat 0px 2px; color:#fff;}
#reference ul li.frist{}
#reference ul li span{padding-left:40px; color:#7e7e7e}

/* mainContents (contentsMenu) */
#contentsMenu{width:500px; padding-left:100px;}
#contentsMenu ul li{float:left; padding-left:30px;}
#contentsMenu ul li.frist{padding-left:0px;}
#contentsMenuClear{clear:both;}
/* footer */
#footer{width:997px; margin:0 auto; padding-top:14px; height:100px; color:#dfdfdf; }