@import url(/css/basic.css);
@import url(/css/main.css);
@import url(/css/content.css);
@import url(/css/board_blue_s1.css);

body{
}

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

/******** 탑영역 *******/
#header_area{width: 100%;position:absolute;left:0;top:0;}
#header_area .header{width: 930px;margin: 0 auto;}

#header_area .header h1{float:left;width:170px;}
#header_area .header .head_gnb{float:right;text-align:right;font-size:0;text-align:right;}
#header_area .header .head_gnb li{display: inline-block;.display: inline;zoom: 1;}

#header_area .header .top_nav{width:932px;background:url(../images/common/nav_bg.gif) left top no-repeat;padding: 0 0 0 22px;}
#header_area .header .top_nav .depth1 ul li{float:left;display: inline-block;.display: inline;zoom: 1;height:40px;}
#header_area .header .top_nav .depth2 ul li{float:left;display: inline-block;.display: inline;zoom: 1;}
#header_area .header .top_nav .depth2 .smenu1{margin-left:17px;}
#header_area .header .top_nav .depth2 .smenu2{margin-left:208px;}
#header_area .header .top_nav .depth2 .smenu3{margin-left:420px;}
#header_area .header .top_nav .depth2 .smenu4{margin-left:572px;}
#header_area .header .top_nav .depth2 .smenu5{margin-left:748px;}

#header_area .header .top_nav .depth2 a{}
#header_area .header .top_nav .depth2 a { display:inline-block; *display:inline; *zoom:1; height:25px; overflow:hidden; position:relative;}
#header_area .header .top_nav .depth2 a:focus,  
#header_area .header .top_nav .depth2 a:hover,  
#header_area .header .top_nav .depth2 a:active { outline:0; zoom:1;}
#header_area .header .top_nav .depth2 li.gnb-on a img, 
#header_area .header .top_nav .depth2 a:focus img, 
#header_area .header .top_nav .depth2 a:hover img, 
#header_area .header .top_nav .depth2 a:active img { margin-top:-25px;}


/******** 하단영역 *******/
#footerArea{width: 100%;border-top: 1px solid #b2b2b2;}
#footerArea .footer{width: 930px;margin: 0  auto;text-align:center;padding: 15px 0 25px 0;}

/******** 메인컨텐츠 *******/
#main_visual{width: 100%;height:600px;background:url(../images/main/m_visual.jpg) center top no-repeat;text-align:center;}
#main_container{width: 925px;margin: 0 auto;padding: 0 0 30px 0;margin-top:-53px;}
#main_container .notice{float:left;width:230px;margin-right:30px;padding-top:8px;}
#main_container .notice h2{margin-bottom:15px;position:relative;}
#main_container .notice h2 span{position:absolute;right:0;top:0;}
#main_container .notice ul li{background:url(../images/main/notice_bt.gif) left 4px no-repeat;height:19px;font-size:11px;padding: 0 0 0 7px;}
#main_container .notice ul li a{color:#767676;letter-spacing:-1px;}
#main_container .prod_info{float:left;width:260px;}
#main_container .prod_banner{float:left;width:260px;}
#main_container .quick_menu{float:right;width:123px;}



/******** 서브비주얼 *******/
#sub_visual{width: 100%;height:290px;text-align:center;}

/******** 서브 *******/
#sub_container{width:930px;margin: 0  auto;position:relative;padding: 30px 0 50px 0;}

#lnb_wrap{position:absolute;left:0;top:30px;width:200px;background:url(../images/lnb/left_bg.gif) left top repeat-y;}
#lnb_wrap .cate_list{padding: 5px 0;}

/******** 오른쪽영역 *******/
#right_wrap {float: right; width: 680px;clear:both;margin-right:20px;}
#contents{width: 680px;margin: 0  auto;}

/** 타이틀바 **/
#pTitle {width: 100%;height: 60px;margin-bottom: 15px;position: relative;background: url(../images/title/title_bar.gif) left bottom repeat-x;}
#pTitle h2{height: 50px;position: absolute;top: 0;left: 0;}
#pTitle .pLoc{position: absolute;top: 13px;	right:0;font-size: 11px;color: #909090;background: url(../images/title/location.gif) left 4px no-repeat;padding-left: 15px;}


/** 회사소개 (찾아오시는 길) **/
#location{text-align:center;background: url(../images/contents/box_s1_bg.jpg) left top repeat-y;padding-right:2px;}
#location iframe{height:450px;}