@charset "utf-8";

body { margin:0; font-family: "돋움"; font-size: 11px; line-height: 16px; color: #717171; }
wrap { height:auto; overflow:hidden;}


img {border :0; vertical-align:middle; }
ul {padding:0; margin:0;}
li { list-style:none;}
p {padding:0; margin:0;}
form { margin:0; padding:0;}

#main_body { background:#dcdcdc; height:100%}

#sub_body {background:#ffffff; height:100%}


@charset "utf-8";

#header { background-image: url(../images/header_bg2.gif); background-repeat: repeat-x; background-position: top; height:auto; z-index:3 }
#header .header_in {  width: 1030px; margin:0 auto; position:relative; z-index:2; background-image: url(../images/header_bg2.gif); background-repeat: repeat-x; background-position: top;}
#header .header_in .logo { float:left; margin-top:20px;} 
#header .header_in .header_top { float:left; height:85px;}
#header .header_in .header_top .gnb { float:right; padding-top:20px; height:12px;}
#header .header_in .header_top .gnb ul { font-size:0; line-height:0; padding-left:90px;}
#header .header_in .header_top .gnb li {padding-right:2px; display:inline;}
#header .header_in .header_top .lnb { clear:both; padding-top:17px; padding-bottom:15px; height:20px; padding-left:85px;}
#header .header_in .header_top .lnb ul { font-size:0; line-height:0;}
#header .header_in .header_top .lnb li { display:inline;}

#header .sub_menu { width:815px; margin:0 auto; clear:both; margin-left:215px; height:auto; overflow:hidden; height:190px; position: relative; }
#header .sub_menu li {padding-bottom:3px;}
.sub_menu .sub_menu_01 { background-image: url(../images/menu01_bg.png); background-repeat: repeat-y; padding:15px 0 15px 10px; float:left; width:148px; position:absolute; left:0px; top:-190px; }
.sub_menu .sub_menu_02 { background-image: url(../images/menu02_bg.png); background-repeat: repeat-y; padding:15px 0 15px 10px; float:left; width:129px; position:absolute; left:158px; top:-190px;  }
.sub_menu .sub_menu_03 { background-image: url(../images/menu03_bg.png); background-repeat: repeat-y; padding:15px 0 15px 10px; float:left; width:159px; position:absolute; left:297px; top:-190px;  }
.sub_menu .sub_menu_04 { background-image: url(../images/menu04_bg.png); background-repeat: repeat-y; padding:15px 0 15px 10px; float:left; width:142px; position:absolute; left:466px; top:-190px;  }
.sub_menu .sub_menu_05 { background-image: url(../images/menu05_bg.png); background-repeat: repeat-y; padding:15px 0 15px 10px; float:left; width:112px; position:absolute; left:617px; top:-190px;  }
@charset "utf-8";

.margin_190 {position:absolute; margin-top:-190px; width:100%;}

#container { height: auto; width: 100%; z-index:1; background-color:#ffffff;}
.main_visual { height:485px; width:100%; margin:0; }
.main_visual_in {width:1500px; margin:0 auto; height:485px;  }


.main_contents {width:100%; height:auto; background-color:#ffffff; }
.main_contents .main_contents_in { width:1030px; padding:20px 35px; margin:0 auto; height:auto; overflow:hidden;;}
.main_contents .main_contents_in .quicklink { float:left;}
.main_contents .main_contents_in .onlineorder { float:left;}
.main_contents .main_contents_in .notice { float:left; width:300px;}

.tab{  overflow:hidden; list-style:none; margin:0px; padding:0; }
.tab li{float:left; _display:inline; letter-spacing:-1px; padding-right:3px; }
.tab li a{_float:left; display:block;}


/*메인비주얼*/
.main_visual { width:1500px; position:relative;  min-width:1100px; margin:0 auto;}
#slides { min-width:1100px; }
.visual_1 { background:url(../images/visual_1.jpg) no-repeat; background-position:center 0; height:485px; width:1500px; }
.visual_2 { background:url(../images/visual_2.jpg) no-repeat; background-position:center 0; height:485px; width:1500px;}
.visual_3 { background:url(../images/visual_3.jpg) no-repeat; background-position:center 0; height:485px; width:1500px;}
.visual_4 { background:url(../images/visual_4.jpg) no-repeat; background-position:center 0; height:485px; width:1500px;}
.main_visual .slideShow { height:485px;}
.main_visual .pagination { position: absolute; left:50%; top:420px; z-index:1000;}
.main_visual .pagination li { display:block; float:left; cursor:pointer; width:14px; height:14px; background:url(../images/pagination.png) no-repeat 0 -14px; margin:0 8px 0 0; text-align:center; text-indent:-9999px;}
.main_visual .pagination li:hover { background:url(../images/pagination.png) no-repeat 0 0; }
.pagination li.current {background:url(../images/pagination.png) no-repeat 0 0; }
.sliderbutton { position:absolute; left:50%; top:215px; z-index:1000; width:42px; height:54px; }
.prev { margin-left:-650px; cursor:pointer;}
.next { margin-left:606px; cursor:pointer;}@charset "utf-8";


#footer {width:100%; margin:0; height:auto; overflow:hidden; clear:both; background:#dcdcdc; z-index:1;  }
#footer .copyright { width:1100px; margin:0 auto;}




