/* BASIC css start */
.itemBox_vi { position:absolute; left:0; top:0; display: block; width:192px; padding:12px 19px 10px 19px; border-top:0; background:url(/design/cocen1130/main/itembox_bg.gif) repeat 0 0; }
.itemBox_vi h4 { margin:0;}
.itemBox_vi h4 a {font-size:15px; color:#ccbda5; text-align:left; line-height:15px; background:url(/design/cocen1130/common/bl_menu_one.png) no-repeat 4px 8px; padding:6px 0 7px 24px; border-top:1px solid #a27b55; border-bottom:1px solid #7e5a37;}
.itemBox_vi h4 a span { color:#f1da94;}

/* 메인 롤링이미지 */
#main .visual { zoom:1; height:385px; background:url(/design/cocen1130/main/bg_visual_x.gif) center 0 ;}
#main .visual:after {content:" "; display: block; clear: both; }
#slides { position:relative; width: 1070px; height:385px; margin:0 auto; }
#slides .slides_container { width: 940px; height: 330px; overflow: hidden; display: none; margin: 0 auto; }
#slides .slides_container a { width: 940px; height: 330px; display: block; }
#slides .slides_container a img { display: block;  width: 940px; height: 330px; }
#slides .next,
#slides .prev { position: absolute; top: 150px; width: 32px; height: 71px; display: block; z-index: 100; }
#slides .prev{ left: -52px; }
#slides .next { right: -52px; }
.pagination { display: none; }


/* 농가이야기, 후기, 문의 */
.mn_cs { width: 1068px; height:170px; margin: 25px auto 10px auto ; border: 1px solid #e2e2e2; }
.mn_cs li { float: left; display: inline; border-right: 1px solid #e2e2e2; height:170px; }
.mn_cs li.nbd { border-right: 0; }
.cs_board{  padding: 18px 25px; }
.farmstory {background:#f3f3f3; }
.farmstory .cs_board {padding: 18px 28px; min-width:440px; }
.cs_board .cs_boardTit a { font-size:15px; font-weight:bold; color:#725c41; }
.cs_board .cs_boardTit a span { color:#333; }
.cs_board .cs_boardTit a img { vertical-align: text-top; padding: 3px; }
.cs_board .cs_boardTit { position:relative;}
.cs_board .cs_boardTit .btn_more { position:absolute; right:0; top:0;}
.cs_boardList { margin: 12px 0 0 0; position: relative; overflow:hidden; }
.cs_boardList dd { line-height:22px; background:url(/design/cocen1130/common/board_ico.gif) no-repeat 0 10px; padding:1px 0 2px 14px; border-bottom:1px dashed #dfdfdf;}
.cs_boardList dd:last-child { border:none; }
.cs_boardList dd a { font-size:13px; }
.cs_boardList dd a:hover{ color: #6a2a0c; }
.cs_boardList .cs_boardDate { display:none; color: #b4b4b4; font-size: 11px; position: absolute; right:0; }
.cs_boardList .cs_boardDate:hover { color: #6a2a0c; }
.cs_boardList .cs_imgBoard { float:left; }
.cs_boardList .cs_imgBoard img { width:80px; }
.cs_boardList .cs_imgBoard a { display:block; width:90px; padding:2px 8px 0 8px; font-size:13px; }
.cs_boardList .pl-12 { }


/* 신상품, 추천상품 */
.main-item h2 { font-size:15px; padding:20px 0 15px 0; text-align:center; letter-spacing:4px; }
.main-item h2 span { color:#111; }
.main-item .fir-item { }


/* 공지사항 */
.btm_info { position:relative; background:#f9f9f9; border-bottom:1px solid #e5e5e5; }
.btm_info .notice { width:530px; }

.btm_info .bank { width:500px; position:absolute; right:0; top:0;}

.btm_infoWrap { width: 1070px; margin: 0 auto; }
.btm_infoWrap li { float: left; display: inline; width: 286px; padding-right:41px; height: 160px; }
.btm_infoWrap li.npd { padding-right: 0; }

.btm_area { overflow:hidden; padding:13px 0 9px 0; }
.btm_area .btm_areaTit { float:left; display:inline-block; font-size:15px; font-weight:bold; padding:2px 15px 0 0; }
.notice .btm_areaTit { position:relative; background:url(/design/cocen1130/main/bl_notice.gif) no-repeat 4px 3px; padding:0 30px 0 28px; }
.notice .btm_areaTit .btn_more { position:absolute; right:8px; top:2px;}
.btm_area .btm_areaTit span { color:#333; }

.btm_areaList { float:left;  position: relative; }
.btm_areaList h2 { float:left; font-size:19px; color:#e64819; font-weight:bold; padding:0 10px 0 9px; border-left:1px solid #ddd;}
.btm_areaList h2 img { vertical-align: text-top; }
.btm_areaList .bankInfo { font-size:13px; color:#725c41; margin-top:10px; padding:0 10px 0 9px; border-left:1px solid #ddd;}
.btm_areaNotice { float:left; margin: 0 0 0 0; position: relative; }
.btm_areaNotice dd {line-height: 20px; padding-left:2px;}
.btm_areaNotice dd a:hover{ color: #6a2a0c; }
.btm_areaNotice .btm_areaDate { color: #b4b4b4; font-size: 11px; position: absolute; right: 0; }
.btm_areaNotice .btm_areaDate:hover { color: #6a2a0c; }


/* ///////////////////////////////////// */

#hdWrap { margin: 0 auto; z-index: 10; height: 186px; background; repeat-x scroll center 0; }
#hdWrap:after { content: ""; display: block; clear: both; }
#hdWrap .hdWraper { width: 1070px; margin: 0 auto; position: relative; }
#hdWrap .hdWraper:after { content: ""; display: block; clear: both; }

#hdWrap .hd-logo { position:absolute;margin:0 auto; top:0; left:50%; margin-left:-30px; display: block; text-align: center; }

#hdWrap .hd-link { position:relative; width:260px; top:36px; left:0; border-bottom:1px solid #ddd; font-size:12px; color:#777777; padding:0 0 7px 27px; background:url(/design/cocen1130/common/bl_bookmark.gif) no-repeat 3px 0;}
#hdWrap .hd-link { zoom: 1; overflow: hidden; }
#hdWrap .hd-link li { float: left; padding-right: 10px; }
#hdWrap .hd-link li a { font-size: 13px }
#hdWrap .hd-link li a:hover { color: #f80012 }
#hdWrap .hd-link li span { color: #ffec2a; font-weight: bold; }

.top_left_story { position: relative; top:40px; left: 0; }

#hdWrap .hd-right { position: absolute; top: 50px; right: 0; }
#hdWrap .hd-right .hd-link02 { position:relative; zoom: 1; overflow: hidden; float: left; }
#hdWrap .hd-right .hd-link02 li { float: left; padding-left: 12px; background: url(/images/d3/hifarm5/common/top_bar.gif) no-repeat 6px 4px; }
#hdWrap .hd-right .hd-link02 .fir { background: none }
#hdWrap .hd-right .hd-link02 li a { font-size: 12px }
#hdWrap .hd-right .hd-link02 li a:hover { color: #f80012 }
#hdWrap .hd-right .hd-link02 li span { color: #f80012; font-weight: bold; }

#hdWrap .hd-search { position: absolute; top:30px; right:0; background: #fff; margin: 8px 0 0 10px; height: 23px; }
#hdWrap .hd-search .input-keyword { float: left; width: 210px; height: 24px; line-height: 20px;  border: 3px solid #bebebe; font-weight: bold; font-size: 12px; margin-right: 3px; color: #f80012; background: transparent; }


/* gnb */
#hdWrap .gnb { background:url(/design/cocen1130/common/bg_gnb.gif) repeat 0 0 #d7a146; position: fixed; top:140px; width: 100%; height: 46px; z-index: 999; }
#hdWrap .gnb .gnbWrap { width: 1070px; margin: 0 auto; }
#hdWrap .gnb .gnbWrap .gnb-list { width: 1070px; zoom: 1; float: left;}
#hdWrap .gnb .gnbWrap .gnb-list:after { content: ""; display: block; clear: both; }
#hdWrap .gnb .gnbWrap .gnb-list li { float: left; word-wrap: break-word; padding: 2px 26px 0 25px; position: relative; font-size:17px; font-weight:700;}

#hdWrap .gnb .gnbWrap .gnb-list .fir { background: #57463e; color: #fff; 700; margin-right:100px; /* height:40px; */}
#hdWrap .gnb .gnbWrap .gnb-list .fir .tit { height:46px; background: #57463e; }

/* #hdWrap .gnb .gnbWrap .gnb-list .fir {*height:162px;} */

#hdWrap .gnb .gnbWrap .gnb-list li a { font-size: 16px; color: #eee; display: block; line-height: 40px; }
#hdWrap .gnb .gnbWrap .gnb-list li a:hover { color: #f80012 }
#hdWrap .gnb .gnbWrap .gnb-list .gnb-event a { font-weight: bold }


#hdWrap .gnb .gnbWrap .gnb-list li#item {text-align:center; width:230px; padding:0;}

.itemBox { position: absolute; left:50%; margin-left:-535px; z-index:9999; display:block; width:192px; padding:12px 19px 10px 19px; border-top:0; background:url(/design/cocen1130/main/itembox_bg.gif) repeat 0 0; }
.itemBox h4 { margin:0;}
.itemBox h4 a {display: block; line-height: 40px; font-size:15px; color:#ccbda5; text-align:left; line-height:15px; background:url(/design/cocen1130/common/bl_menu_one.png) no-repeat 4px 8px; padding:6px 0 7px 24px; border-top:1px solid #a27b55; border-bottom:1px solid #7e5a37;}
.itemBox h4 a span { color:#f1da94;}

/* BASIC css end */