* {padding:0;margin:0;}
body { overflow-y:scroll; /*background:#f3f0ee;*/ }
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:underline;}

#wrap { width:100%; position:relative;  }


/* gnb area */ 
#gnb_wrap { width:100%; height:41px; background:#000; } 
#gnb { position:relative; width:1000px; height:41px;  margin:0 auto;  /* background:#ffffff; background:url(../img/main_common/gnb_bg.gif) no-repeat top center;border-bottom:1px solid #000000;  background:#e7e8d9;position:absolute; right:69px; top:20px;*/}
#gnb ul.gnbleft { position:absolute; float:right; top:0px; right:0px;}
#gnb li.gnb_home { width:50px; height:17px; background:#000; margin:0px; padding:7px;  }
#gnb li.gnb_home a { padding-left:7px;}
#gnb li.fir { padding-left:10px;}
#gnb li.gnb_last { border-right:none;}

#gnb .tab { position:absolute; top:0px; right:0px; /* width:100% */}
#gnb .tab li {float:left;  }
#gnb .tab li a { display:block;  padding:15px 13px 0px 0px; font-size:11px; color:#8d8d8d; text-align:center;text-decoration:none;  /*background:#eee;*/}

#gnb .tab li.sns { padding:0px; }
#gnb .tab li.sns a { padding:0px; }


/* top */
#toparea_wrap { width:100%; height:84px; background:#000; }
#toparea { position:relative; width:1000px; height:84px; margin:0 auto; /*background:#e7e8d9; margin-bottom:11px;*/}
#toparea .logo { position:absolute; left:0px; top:0px; /*margin:24px 748px 0px 0px;*/ }

/* quick */
#toparea .top {  position:absolute; top:161px; right:-70px; width:52px;  }
#toparea .top li.bm { padding-top:0px; }



#db_nav { width:100%; height:40px; background:#000; }

/* navigation */
#nav { positon:relative; width:1000px; height:40px;  margin:0 auto; background:#232323; color:#fff; /*text-shadow:1px 1px #888;*/ z-index:1000}
.menu a {float:left; color:#fff;  font-size:13px; font-weight:bold; text-decoration:none; width:130px; height:30px; padding-top:10px; }
.menu span {float:left; color:#fff; text-decoration:none; width:130px; height:40px; padding-top:10px;}
.menu a:hover { color:#fffff;}
.menu {list-style:none; font:16px Arial,Verdana; text-align:center; width:1000px; margin:0 auto}
.menu li {position:relative; float:left; width:130px; z-index:1000;    /* border-right:1px solid #fff; padding-right:4px; width:253px;*/ }
.menu li.fir {/*border-left:1px solid #fff;*/}
.menu ul {display:none; position:absolute;  font-size:11px; top:40px; left:0px; /*background:#aaa;*/ display:none; list-style:none}
.menu ul li {float:none; /*border-bottom:1px solid #d7d7d7; width:130px;*/ }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; color:#ffffff; background:#6fc7cf;width:130px; height:22px; font-size:12px; font-weight:normal; padding-top:9px; }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#232323; color:#fff; /* ¼­ºê¸Þ´º ¸¶¿ì½º ¿Â */ }
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:40px; padding-top:5px }
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:normal; }
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a { color:#fff; background:#6fc7cf;   /* 1Â÷ ¸Þ´º ¸¶¿ì½º ¿ÂÇßÀ»°æ¿ì ¹è°æÄ÷¯ */}
li.menuhover span, li.menuhover li.menuhover span {color:#763b22; background:#ea0606;  }
.end { padding-right:0px;}
/* navigation */






/* main visual */
#main_wrap { width:100%; height:327px; margin-top:43px; /* background:url(../img/main_common/bg.jpg) no-repeat top center;*/ }
#mainarea { position:relative; width:1000px; height:327px; background:url(../img/main_common/bg.jpg) no-repeat top center; overflow:hidden; margin:0 auto; }

/* quick */
#mainarea .top {  position:absolute; top:20px; right:-30px; width:52px;  }
#mainarea .top li.bm { padding-top:0px; }




#mainrollingBImg { position:relative;margin:0; width:1000px; height:327px; overflow:hidden; margin:0 auto; /*margin-top:0px;*/ }
#mainrollingBImg ul li dl, #mainrollingBImg ul li dd{ width:1000px; height:327px;}
#mainrollingBImg ul li dl dt a{position:absolute; z-index:1;display:block; width:16px; height:16px; overflow:hidden; /*background:url(../img/main_common/bg_mainimg_icon.png) -2px top no-repeat; */text-indent:-10em;}
.btn1 a{left:960px; top:380px;}
.btn2 a{left:981px; top:380px;}
.btn3 a{left:976px; top:278px;}
#mainrollingBImg ul li dl dt a.iconOn{ /*background:url(../img/main_common/bg_mainimg_icon.png) -23px top no-repeat;*/ }


/* news */
#news_wrap { width:100%; height:43px; /*background:#000;*/ }
#news_wrap ul { width:1000px; height:43px; margin:0 auto;  background:#f3f3f3; }
#news_wrap li { float:left; padding-top:8px;  }
#news_wrap li a { color:#000; }
#news_wrap .title { padding-top:0px;  padding-right:11px; }


/* gallery ̧̉ */
#img_wrap { width:1000px; height:206px; margin:0 auto; padding-top:52px; padding-bottom:0px; }
#img_wrap .left { float:left; position:relative;  }
#img_wrap .left h2 { padding:0px; margin:0px;}
#img_wrap .left p { position:absolute; right:0px; top:0px;}

#img_wrap .right { float:right; position:relative; }
#img_wrap .right h2 { padding:0px; margin:0px;}
#img_wrap .right p { position:absolute; right:0px; top:0px;}


/* mbs */
#mb_wrap { width:100%; height:184px; /*border-top:1px solid #e0e0e0;*/  }
#mb_wrap ul { width:1000px; height:184px; margin:0 auto; margin-top:37px;  }
#mb_wrap li { float:left; }
#mb_wrap li.pr19 { padding-right:19px; }
#mb_wrap li.pr18 { padding-right:18px; }



/* footer area */
#info_wrap { width:100%; height:106px; background:#e1e1e1; margin-top:60px; }
#info_wrap .info { width:1000px; height:63px; margin:0 auto; padding-top:25px; font-weight:bold; color:#000000; } 



#footerw { width:100%; height:120px; background:#1b1b1b; margin-top:0px; }
#footer  { width:1000px; height:120px; margin:0 auto; padding-top:0px;  }
.footer_comm {width:100%;padding:40px 0;font-size:12px;line-height:18px;font-family:'µ¸¿ò',dotum,sans-serif;text-align:left;clear:both;color:#989898}
.footer_comm .link_info {font-weight:normal; color:#666}
.footer_comm .link_daum {color:#666}
.footer_comm .txt_copyright {padding-top:2px;font-size:11px;font-style:normal;color:#666}





/* rolling banner */
#db_mbwrap { width:100%; height:495px; /*background:#fff; background:url(../img/main_common/visual.jpg) no-repeat top center;*/ /*margin-bottom:35px;*/ }
#main_Banner
{
  position:absolute; top:0px; right:0px; width:250px; height:327px; padding-top:0px; 
}
#main_Banner *{outline: none;}
#main_Banner img {border: 0;}
#main_Banner ul, ol, li   { margin:0; padding:0; list-style-type:none;}
/*--Main Container--*/
#main_Banner .main_view {
 /*float: left;*/
 position: relative;
}
/*--Window/Masking Styles--*/
#main_Banner .window {
width:250px; height:327px;
 overflow: hidden; /*--Hides anything outside of the set width/height--*/
 position: relative;
}
#main_Banner .window .control
{
float: left;
position: absolute;
width:250px; height:327px;
z-index:100px;
}
#main_Banner .window .control .controlLeft
{
float: left;
position: relative;
height:300px; width: 300px; 
/*background-image: url(../img/main_common/cnc_arrow.png);*/
background-position: 0px 0px ;
cursor:pointer;
z-index:100px;
}
#main_Banner .window .control .controlRight
{
float: right;
position: relative;
height:300px;width: 300px; 
/*background-image: url(../img/main_common/cnc_arrow.png);*/
background-position: -846px 0px ;
cursor:pointer;
z-index:100px;
}
#main_Banner .window img{
width:250px; height:327px;
}
#main_Banner .image_reel {
 position: absolute;
 top: 0; left: 0;
}
#main_Banner .image_reel img {float: left;}
 
/*--Paging Styles--*/
#main_Banner .paging{
 float: right;
 position: absolute;
 top: 300px;
 right:0px;
/* right: -82px;*/
 width: 50px; height:18px;
 z-index: 100; /*--Assures the paging stays on the top layer--*/
 text-align: center;
 line-height: 40px;
 display: ; /*--Hidden by default, will be later shown with jQuery--*/
 margin:0 auto;
}
#main_Banner .paging a {
   float: left;
 position: relative;
 text-decoration: none;
 width:11px;
 height:11px;
 color: #fff;
 margin-left:5px;
 font-size:13px;
 background-color: #696969;
 border: 1px solid #696969;
}
#main_Banner .paging a.active {
 float: left;
 position: relative;
    width:11px;
 height:11px;
 margin-left:5px;
 border: 1px solid #4ae5f4;
 background-color: #4ae5f4;
}
#main_Banner .paging a:hover {font-weight: bold;}
/* rolling banner */