/* BASIC css start */
#hdWrap { width: 100%; margin: 0 auto; padding: 0; text-align: center; position: relative; background: url(/design/greenpork/common/top_bg_03.gif) repeat-x;}

/* header */
#header { position: relative; /*width: 960px;*/ }
#header .bi,
#header #gnb,
#header #favLink { position: absolute; }
/* bi */
#header .bi { left: 30px; top: 30px; }
/* gnb */
#header .gnb { width: 960px; height:31px; margin:0 auto; text-align:right; }
#header .gnb ul { float:right; }
#header .gnb ul li { float:left; }
#header .top_area { height: 79px; margin-top: 1px; }
.top_area .top_area01 {width:196px; float:left; position: relative; z-index: 1;}
.top_area .top_area02 {width:450px;  margin-top:22px; float:left; padding-left:114px; }
.top_area .top_area03 {float:left; margin: 21px 0 0 20px;}

.top_area .top_area02 span { float:left; }
.top_area .top_area02 .btn-box { width:253px; height:42px; line-height:40px; display:block; background:url('/design/greenpork/common/search_bg.gif') repeat-x; text-align:left; }
.top_area .top_area02 .btn-box input { border:0; margin-left:5px; width:250px; height:22px; }
.top_area .top_area02 .search_img02 { display:block; margin-left:-3px; vertical-align:middle; }
.top_area .top_area02 .btn_search { display:block; float:left; }

#header .menu { height: 48px; text-align: center; position: relative; }
.menu .left_menu_title { width:182px; height:50px; float:left;}

.menu .menu_tab { width:755px; height:50px; float:right; margin-left: 0px;}
.menu_tab #bt_menu_tab1,
/*.menu_tab #bt_menu_tab2,*/
.menu_tab #bt_menu_tab3,
.menu_tab #bt_menu_tab4,
.menu_tab #bt_menu_tab5,
.menu_tab #bt_menu_tab6 { background:url("/design/greenpork/common/menu_on.gif") no-repeat 0 100px;  cursor:pointer; }

.menu_tab #bt_menu_tab1.selected { background-position:-99px 0; }
/*.menu_tab #bt_menu_tab2.selected { background-position:-226px 0; }*/
.menu_tab #bt_menu_tab3.selected { background-position:-265px 0; }
.menu_tab #bt_menu_tab4.selected { background-position:-360px 0; }
.menu_tab #bt_menu_tab5.selected { background-position:-455px 0; }
/*.menu_tab #bt_menu_tab6.selected { background-position:-605px 0; }*/

.menu_tab .tab { background:url("/design/greenpork/common/menu_off.gif") no-repeat 0 0; height:50px; }

.menu_tab .tab a#bt_menu_tab1{float:left; width:166px;  height:50px; margin-left:99px;}
/*.menu_tab .tab a#bt_menu_tab2{float:left; width:86px;  height:50px;} */
.menu_tab .tab a#bt_menu_tab3{float:left; width:95px;  height:50px;}
.menu_tab .tab a#bt_menu_tab4{float:left; width:95px;  height:50px;}
.menu_tab .tab a#bt_menu_tab5{float:left; width:115px;  height:50px;}
/*.menu_tab .tab a#bt_menu_tab6{float:left; width:150px;  height:50px;} */

#menu_tab2,#menu_tab3,#menu_tab4,#menu_tab5,#menu_tab6,#menu_tab7 { display:none; }

.menu_line { height:5px; float:center; text-align:center; margin:0 auto; padding:0; line-height:5px;}


/*.menu #sub1 {visibility:hidden; width:120px;  position:absolute; top:48px; left:431px; padding:10px 10px 10px 13px; z-index:333; border-bottom:1px solid #e52243; border-left:1px solid #e52243; border-right:1px solid #e52243; background:#fff;}*/
.menu #sub2 {visibility:hidden; width:120px;  position:absolute; top:48px; left:470px; padding:10px 10px 10px 13px; z-index:333; border-bottom:1px solid #e52243; border-left:1px solid #e52243; border-right:1px solid #e52243; background:#fff;}
.menu #sub3 {visibility:hidden; width:120px;  position:absolute; top:48px; left:555px; padding:10px 10px 10px 13px; z-index:333; border-bottom:1px solid #e52243; border-left:1px solid #e52243; border-right:1px solid #e52243; background:#fff;}

#sub1 li {display:block;   text-align:left; }
#sub2 li {display:block;   text-align:left;}
#sub3 li {display:block;   text-align:left;}

li.menu_text01 {color:#333333; font-size:12px; line-height:20px; }
li.menu_text01 a {color:#333333; }
li.menu_text01 a:active {color:#333333; }
li.menu_text01 a:visited {color:#333333; }
li.menu_text01 a:hover {color:#e52243;  text-decoration:underline;}

li.menu_text02 {width:20px; color:#fffffe;  font-size:12px; line-height:20px;}

/* hdSchFrm */
#header #hdSchFrm { position: absolute; right: 0px; top: 75px;}
#header #hdSchFrm fieldset { float: left; width: auto; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; }
/* favLink */
#header #favLink { right: 30px; top: 44px; }
/* BASIC css end */