* {padding:0;margin:0;}
body { overflow-y:scroll; /*background:#ffffff;*/ }
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; test-align:center; /*background:url(../img/main_common/main_bg.jpg) no-repeat top center;*/ }

#gnb { position:relative; width:1002px; height:57px; /*background:#ffffff;*/ /*background:url(../img/main_common/gnb_bg.gif) no-repeat top center;*/  /*border-bottom:1px solid #000000;  background:#e7e8d9;*/ margin:0 auto; /*position:absolute; right:69px; top:20px;*/}


#gnb li.fir { padding-left:10px;}
#gnb li.gnb_last { border-right:none;}

#gnb ul.home { position:absolute; float:right; top:18px; left:0px;}
#gnb ul.home li {float:left;width:100%;margin-right:1px; }
#gnb ul.home li a {display:block;width:100px;padding: 5px 0px 5px 0px; font-size:11px; font-weight:bold; background:#f5f5f5;color:#ffffff;text-align:center;text-decoration:none}
#gnb ul.home li.txt { background:#ffffff; color:#503719; }

#gnb .tab { position:absolute; top:18px; right:0px; /*width:100% */}
#gnb .tab li{float:left;width:70px;margin-right:2px; }
#gnb .tab li a{display:block;width:70px;padding: 5px 0px 5px 0px; font-size:11px; font-weight:bold; background:#f5f5f5;color:#7f7f7f;text-align:center;text-decoration:none}
#gnb .tab li.end {width:82px;}
#gnb .tab li.end a {width:82px;}
#gnb .tab li.home a { background:#ffffff; color:#503719; }


#toparea { position:relative; width:1002px; height:106px; margin:0 auto;  /* background:#eaeeea; margin-bottom:11px;*/}
#toparea .logo { position:absolute; left:0px; top:0px; /*margin:24px 748px 0px 0px;*/ }
#toparea .phone { position:absolute; right:176px; top:69px; /*margin:24px 748px 0px 0px;*/ }
#toparea .online { position:absolute; right:0px; top:69px; /*margin:24px 748px 0px 0px;*/ }








/* navigation */
#nav { position:absolute; top:69px; left:0px; width:600px; height:37px;  /*background:#dce7e7;*/ color:#fff; /*text-shadow:1px 1px #888;*/ z-index:1000}
.menu a {float:left;color:#382310; font-size:14px; font-weight:bold; text-decoration:none; /*width:243px; height:29px;*/ padding-top:0px}
.menu span {float:left; color:#eee; text-decoration:none; width:150px; height:37px; padding-top:10px}
.menu a:hover {color:#ffffff}
.menu {list-style:none;  font:16px Arial,Verdana; text-align:center; width:1002px; margin:0 auto}
.menu li {position:relative; float:left; /* width:243px; margin-right:10px;*/ background:#9ad242; font-weight:bold; /*border-right:1px solid #fff;*/ z-index:1000}
.menu li.fir {border-left:1px solid #fff;}
.menu ul {display:none; position:absolute; font-size:11px; font:normal 11px Arial,Verdana; top:37px; left:0px; background:#000; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #f2f2f2; width:150px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:#ababab; color:#ffffff; font-size:11px; height:24px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#e10596; color:#ffffff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:150px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#ffffff; background:#6201a7}
li.menuhover span, li.menuhover li.menuhover span {color:#000; background:#62787c}
.menu li.end { margin-right:0px;}
/* navigation */


#footer  { width:1002px; height:117px; margin:0 auto; padding-top:14px; padding-bottom:100px;  }


/* visual */
#db_vis { width:1002px; height:542px; margin:0 auto; padding-top:0px; text-align:left; }
#db_vis img { padding-left:0px;}

/* db_ctn1 */
#db_ctn1 { width:1002px; height:118px; margin:0 auto; /*background:#ffffff;*/ margin-bottom:11px; }
#db_ctn1 ul li { float:left; }

#db_ban { width:1002px; height:223px; margin:0 auto; padding:17px 0 0px 0;}
#db_ban .ctn_list ul { float:left;  }
#db_ban .ctn_list li { float:left; /*padding-right:10px;*/}
#db_ban .ctn_list li.end { padding-right:0px;}


/* notice, product */
#db_con { position:relative; width:1002px; height:150px; background:#f5f5f5; margin:0 auto; /*padding-top:22px;*/ }
#db_con .noticewrap { position:relative; float:left; width:232px; height:119px; padding:23px 15px 22px;  /*background:#f5f5f5; border-top:1px solid #000000;*/  }
#db_con .noticewrap h2 { padding:0px; margin:0px;}
#db_con .noticewrap div { width:227px; height:60px; /*background:#ffffff;*/  margin:5px 0 0 0; padding:10px 0 0 0px; }
#db_con .noticewrap p.more { position:absolute; right:22px; top:23px;}

#db_con .productwrap {position:relative; float:left; width:410px; height:119px; padding:23px 15px 22px;  margin-left:13px;/* background:#f5f5f5; border-top:1px solid #000000;*/   }
#db_con .productwrap h2 { padding:0px; margin:0px;}
#db_con .productwrap div { width:392px; margin-top:15px;  /*background:#ffffff;*/   }
#db_con .productwrap p.more { position:absolute; right:22px; top:23px;}

#db_con .customer { float:left; width:238px; height:120px; padding:23px 14px; text-align:center; /*background:#f3efec; */ margin-left:13px;  /*border-top:1px solid #000000;*/ }


/* //notice, product */

#ctn { width:1002px; height:217px; margin:0 auto; /*padding-bottom:27px;*/ /*padding-top:43px;*/}
#ctn .gallery_area { float:left; width:1002px; height:152px; margin-bottom:19px; /* margin-top:19px;*/}
#ctn .gallery_area p.title { padding:17px 0 20px 0 }




/* rolling banner */
#db_mbwrap { width:100%; height:263px; padding:19px 0 0 0; /*background:#fff; background:url(../img/main_common/visual.jpg) no-repeat top center;*/ /*margin-bottom:35px;*/ }
#main_Banner
{
 width:1002px; height:244px; margin:0 auto; 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 {
 height:263px; width: 1002px; 
 overflow: hidden; /*--Hides anything outside of the set width/height--*/
 position: relative;
}
#main_Banner .window .control
{
float: left;
position: absolute;
height:263px; width:1002px; 
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: -842px 0px ;
cursor:pointer;
z-index:100px;
}
#main_Banner .window img{
 height:263px; width:1002px; 
}
#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;
 bottom: 9px;
left:474px;
/* right: -82px;*/
 width: 147px; 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:13px;
 height:13px;
 color: #fff;
 margin-left:15px;
 font-size:13px;
 background-color: #f0ece3;
 border: 1px solid #f0ece3;
}
#main_Banner .paging a.active {
 float: left;
 position: relative;
    width:13px;
 height:13px;
 margin-left:15px;
 border: 1px solid #000;
 background-color: #000;
}
#main_Banner .paging a:hover {font-weight: bold;}
/* rolling banner */