ol,ul{list-style:none;margin:0px;padding:0px;}

/*************************** Çì´õ, ÄÁÅÙÃ÷, ÇÏ´Ü ±âº»¼³Á¤ ***************************/
body{ font-family: dotum, serif; font-size:13px; line-height:160%;}
body {overflow-x:auto; overflow-y:hidden;}

/*************************** À¯Æ¿ ***************************/
#utilWrap {position:relative; width:100%; background-color:#fff; border-bottom:1px solid #e5e5e5;}
#util { position:relative;  width:1100px; height:30px; margin:0 auto; }
#util .right{position: absolute; right:0px;}
#util .right li {float:left; padding:4px 10px 6px 10px; border-right: 1px solid #e5e5e5;}
#util a {color:#999; font-size:13px;}
#util a:hover {color:#555;}


/*************************** Çì´õ ***************************/
#header {position:relative;  width:1100px; height:100px; margin:0 auto;   }
#header .logo {position: absolute;top:10px;left:0px;width:180px;height:0px; z-index:99999;}
#header .topMenu {position: absolute;top:0px;right:0px;}
#header .topMenu li {float:left;padding:0 20px;height:29px;text-align:center;border-right:1px solid #666;}
#header .topMenu li a {color:#999;font-size:11px;display: block;padding-top:9px;}


/*************************** »ó´Ü¸Þ´º ***************************/
#naviWrap {position:absolute; top:10px; max-width:1100px; margin:0; padding:0; z-index:9999; background-color:#fff;  border-bottom:0px solid red;}
#naviWrap .navi {position:relative; overflow:hidden; margin-left:321px; }
#naviWrap .navi h1 {position:absolute; top:0px; left:0;}
#naviWrap .navi .menuList{position:relative; top:0; margin:0 auto; background-color:blue;}
#naviWrap .navi .menuList .menu {float:left; margin-top:0px; padding-right:10px;}
#naviWrap .navi .menuList .menu a{display:block; padding-right:45px; padding-top:30px; padding-bottom:16px; font-weight:bold; font-size:16px; color:#555; text-align:left; padding-left:5px; letter-spacing:-1px;}
#naviWrap .navi .menuList .menu a span{color:#7D5041;}
#naviWrap .navi .menuList .menu a:hover{color:#7D5041;}/*´ë¸Þ´º ¿À¹ö»ö»ó*/
#naviWrap .navi .menuList .menu:hover{color:#7D5041; }

/* ie6,7*/
#naviWrap .navi .menuList .menu_Over {display:block; background-color:#0582d1; color:#fff;}
#naviWrap .navi .menuList .menu {
    behavior: expression(
        this.onmouseover = new Function("this.className += ' menu_Over';"),
        this.onmouseout = new Function("this.className = this.className.replace(' menu_Over', '');"),
        this.style.behavior = null
    ); 
}

#naviWrap .navi .menuList .menu .subMenu {display:none; padding-bottom:20px;}
#naviWrap .navi .menuList .menu .subMenu li{ height:25px; clear:both; text-align:left;}

#naviWrap .navi .menuList .menu .subMenu li a{display:block; height:26px; line-height:26px;  padding:0 0 0 10px; font-weight:bold; font-size:12px;color:#7e898e; text-align:left; letter-spacing:-1px;}
#naviWrap .navi .menuList .menu .subMenu li a span{color:#555;}
#naviWrap .navi .menuList .menu .subMenu li a:hover{color:#555; background-color:#E9DEDA;}/*¼­ºê¸Þ´º ¿À¹ö¹Ú½º»ö»ó*/

/* ie6,7*/
#naviWrap .navi .menuList .menu .subMenu li.menu_Over {display:block; color:#E4007F; background-color:#faf6e8;}
#naviWrap .navi .menuList .menu .subMenu li.menu {
    behavior: expression(
        this.onmouseover = new Function("this.className += ' menu_Over';"),
        this.onmouseout = new Function("this.className = this.className.replace(' menu_Over', '');"),
        this.style.behavior = null
    ); 
}

/*************************** ºñÁÖ¾ó ***************************/
.innerViewport .main1 { background:url('/img/rain/visual01.jpg'); background-repeat:no-repeat; background-position:center top; }
.innerViewport .main2 { background:url('/img/rain/visual01.jpg'); background-repeat:no-repeat; background-position:center top; }
.innerViewport .main3 { background:url('/img/rain/visual01.jpg'); background-repeat:no-repeat; background-position:center top; }

#mainvisual {position:relative; width:1100px;margin:0 auto;min-width:1100px;}
.touchslider{}
.touchslider{color:#666;font-size:11px;}
.touchslider-viewport{position:relative; overflow:hidden; text-align:center; height:552px}
.touchslider-item{position:relative; height:552px; width:100%; text-align:center; overflow:hidden;}
.paginate{position:absolute;bottom:15px;left:0px;width:100%; text-align:center; color:#999; }
.current{ color:#98c234;font-weight:bold; background:#f60;  }
.touchslider-nav-num {margin:3px; text-align:center; padding:5px 8px ; font-family:tahoma; background:#333;  }

.innerViewport .sub1 { background:url('/img/rain/sub_visual01.jpg'); background-repeat:no-repeat; background-position:center top; }
#sub_bg {background-color:#fff; position:relative; width:100%;}
#subvisual {position:relative; width:1100px;height:220px; margin:0 auto;min-width:1100px;}
#subvisual .touchslider-item{position:relative; height:220px; width:100%; text-align:center; overflow:hidden;}
/*************************** ¸ÞÀÎÄÁÅÙÃ÷ ***************************/
#contentsWrap {position:relative; width:1100px; margin:0 auto;min-width:1100px;}
#contents {position:relative; margin-top:-640px; width:387px; float:left;}
#contents h1{font-size:16px; font-weight:bold;}

#contents .con1 {float:left; width:316px; margin:0 0 0 43px;}
#contents .con1 ul{margin-top:10px;}
#contents .con1 .right{position:relative; float:right;}

#contents .con2 {float:left; width:316px; margin:0 0 0 43px;}
#contents .con2 ul{margin-top:10px;}
#contents .con2 .right{position:relative; float:right;}

#contents .con3 {float:left; width:387px; margin:30px 0 0 0;}
#contents .con3 ul{margin-top:10px;}
#contents .con3 .right{position:relative; float:right;}

#contents .con4 {float:left; width:387px; margin:30px 0 0 0;}
#contents .con4 ul{margin-top:10px;}
#contents .con4 .right{position:relative; float:right;}


/*************************** ¼­ºê ·¹À̾ƿô ***************************/
#sub_contents { position: relative;  width:1100px; margin-top:10px; margin:0 auto; }
#sub_contents .left {float:left; width:200px;}
#sub_contents .right {float:left; width:880px; margin-left:20px;}
#sub_contents .con {float:left; margin-top:20px;}


/*************************** ¼­ºê ÁÂÃø¸Þ´º ***************************/
#sub_contents .left_menu {width:200px;}
#sub_contents .left_menu .titlebg { background:#fff; font-size:18px; color:#555; padding:23px 0 23px 20px; border-bottom:2px solid #333; font-weight:bold;}

#sub_contents .left_menu a {display:block;color:#666;background-color:#fff;border-bottom:1px solid #ddd;padding:15px 15px;}
#sub_contents .left_menu a:hover {background-color:#f8f8f8;color:#000}
#sub_contents .left_menu a.on {background-color:#f8f8f8;color:#000;}


/*************************** ¼­ºê ÄÁÅÙÃ÷ ***************************/
#sub_contents .title {width:100%; padding:25px 0 20px 0; color:#333; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd;}
#sub_contents .nav {position:absolute; margin:28px 0 0 0; right:0; font-size:11px; color:#555;}


/*************************** ÇÏ´Ü ***************************/
#footWrap {position: relative; width:1100px; margin:0 auto; font-size:12px; background:#fff}
#foot { position: relative; height:100px; width:1100px; color:#000; padding:0;}
#foot .left{position: relative; float:left;  width:160px;}
#foot .right{position: relative; float:left; width:790px; padding-left:50px;}
#foot .copytxt { color:#fff}


/*************************** Äü¸Þ´º ***************************/
#quick_s{position:fixed; top:200px; left:50%; margin-left:520px; background-color:#fff;}
#quick_s .quickTit {font-size:14px; font-weight:normal; color:#fff;padding:20px 0px 20px 0px; text-align:center; background:#000;  }
#quick_s .quickmenu li {width:70px;text-align:center; padding:15px 0px 10px 0px;border-bottom:1px solid #eee;border-left:1px solid #eee; border-right:1px solid #eee;}
#quick_s .quickmenu li a {color:#666;font-size:11px;}