@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";


#sub_visual { background-position: center; height:148px; width: 100%; z-index:1; }
#sub_visual .sub_visual_in { width:1100px;  height:148px; margin:0 auto; background:url(../images/sub/sub_visual_big.gif) no-repeat; background-position:center;}

#sub_container {width:1100px; margin:0 auto; background:url(../images/sub/subcontents_bg.gif) repeat-y; height:auto; overflow: hidden; z-index:1; }

#sub_container .location { padding:15px 0 30px 0; margin-right:0 35px 0 0;}
.location ul { float:right;}
.location ul li {display:inline;}
.location a:link { text-decoration: none; color:#666 ; font-size:11px;  }
.location a:visited { text-decoration: none; color:#666; }
.location a:hover { text-decoration: none; color: #0150ba; }
.location a:active { text-decoration: none; color:#666  }
.location a:focus { text-decoration: none; }

#sub_container .table{width:810px; margin:0 auto; border-left:1px solid #c1c0c0; }
.table td{ text-decoration: none; color:#777777 ; font-size:11px; border-bottom:1px solid #c1c0c0;  border-right:1px solid #c1c0c0; padding:4px; letter-spacing:-1px;}
.table .tit01{ border-top:1px solid #999999; text-align:center; font-weight:bold; color:#666 ; font-size:11px; background:#c6e1e7;  }
.table .tit02{ border-top:1px solid #999999; text-align:center; font-weight:bold; color:#666 ; font-size:11px; background:#d6eaee;  }
.table .tit03{ border-top:1px solid #999999; text-align:center; font-weight:bold; color:#666 ; font-size:11px; background:#e5c4de;  }
.table .tit04{ border-top:1px solid #999999; text-align:center; font-weight:bold; color:#666 ; font-size:11px; background:#eed6e9;  }
.table .small td{ text-decoration: none; color:#777777 ; font-size:11px; border-bottom:1px solid #c1c0c0;  border-right:1px solid #c1c0c0; padding:4px; letter-spacing:1px;}
.table .B1{  text-align:center; font-weight:bold; border-top:1px solid #999999; font-size:11px; }
.table .B2{ border-top:1px solid #999999; font-size:11px;  }
.table .B{ text-align:center; font-weight:bold; font-size:11px;  }

#sub_container .sub_left { float:left; width:205px; height:auto; }
#sub_container .sub_left .snb_menu { padding-bottom:100px; padding-top:15px;}
#sub_container .sub_left .snb_menu li {padding-bottom:5px;}

#sub_container .sub_right { float:right; margin-left:50px;}
#sub_container .sub_right .sub_title { width:810px; overflow:hidden;}
#sub_container .sub_right .sub_contents {padding:40px 0; width:810px}


.snb_menu3 { margin-bottom:50px;}
.snb_menu3 ul { font-size:0; line-height:0; }
.snb_menu3 li { display:inline;  font-size:0; line-height:0;}
@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;}