/* BASIC css start */
/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { margin-top:-160px; position:fixed; top:0 }
#header .hdArea { height:35px; background:#f8f8f8;}
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1200px; height:28px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft ul li { position:relative; float:left; line-height:35px;  }
#header .hdArea .hdTop .hdLeft ul li a { display:block; padding:0 9px; color:#555; line-height:35px;font-size:11px;  }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left }
#header .hdArea .hdTop .hdRight ul li a { display:block; padding:0 9px; color:#555;line-height:35px; font-size:11px; }

#header .hdMidArea { height:140px }
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1200px }
#header .hdMidArea .hdMiddle .topLinks { padding-top:29px; overflow:hidden; *zoom:1 }
#header .hdMidArea .hdMiddle .topLinks:after { display:block; clear:both; content:'' }
#header .hdMidArea .hdMiddle .topLinks ul { margin-left:-1px; float:left; border-left:1px solid #dcdcdc }
#header .hdMidArea .hdMiddle .topLinks ul.first { margin-left:-9px ;padding-top:10px;}
#header .hdMidArea .hdMiddle .topLinks ul li { padding:0 8px; float:left; }
#header .hdMidArea .hdMiddle .topLinks ul li a { display:block; color:#686868; text-align:center; }
#header .hdMidArea .hdMiddle .topLinks ul li a .tx { display:block; }
#header .hdMidArea .hdMiddle .tlogo { position:absolute; top:17px; left:430px }
#header .hdMidArea .hdMiddle .searchArea { position:absolute; top:58px; right:0; width:238px; height:40px; text-align:right; border:2px solid #333; }
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { padding:0 5px; float:left; width:195px; height:40px; line-height:40px; border:none; vertical-align:top }
#header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:33px; height:40px; text-align:left; text-indent:-9999em; background:url(/design/maxtail/dcoms_freshFarm/pc/btn_top_search.png) 90% 10px no-repeat; background-position:center; }


.headerFix {position:fixed; top:0px;width:100%; background-color:rgba(255,255,255,0.8);border-top:1px solid #333; border-bottom:1px solid #ddd; height:45px;text-align:center; margin:0 auto;text-align: center;  }


/* 카테고리 */
.gnbArea { position: relative; width:100%; margin:0 auto; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #ddd; z-index:100;}
.gnbArea .gnb { zoom: 1; width: 100%; height: 45px; margin:0 auto; background-color:rgba(255,255,255,1); text-align: center;}
.gnbArea .gnb:after { content: ''; display: block; clear: both; }
.gnbArea .gnb > li {position: relative; display: inline-block; padding:0 36.5px; }
.gnbArea .gnb > li:first-child {width:50px;background:#33221d;padding:0px;}
.gnbArea .gnb > li > a { display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; line-height: 45px; height: 45px; font-size: 16px; letter-spacing:-0.5px;font-weight:500; text-align: center;  }
.gnbArea .gnb > li > a:hover { text-decoration: underline; color: #000; }
.gnbArea .gnb > li:hover a.gnbTit { text-decoration: none; color: #111; }
.gnbArea .gnb > li dl {display: none; position: absolute; top: 45px; left: -3px;  zoom: 1; overflow: hidden; padding: 10px 0; border: 1px solid #bebebe; border-top: 0; background-color:rgba(255,255,255,1); text-align: left;}
.gnbArea .gnb > li dl dd { min-width: 150px; }
.gnbArea .gnb > li dl dd a { display: block; padding: 0 10px 0 25px;color:#333; font-size:13px;  line-height: 24px; }
.gnbArea .gnb > li dl dd a:hover { background: #404040; color: #fff; }


.menu { position:relative;  margin-top:-3px; width:1200px; height:480px;  overflow-x:hidden; background-color:rgba(255,255,255,1); padding-bottom:20px; border:1px solid #ddd; border-top:none; text-align:center;margin-left: auto; margin-right: auto; z-index:120;}
.lnb { margin: 35px 0px 10px 0px; display:block;float: left; width:230px; }
.lnb .ttl{ background:#ddd; height:25px;line-height: 25px;  }
.lnb li { padding: 0px 0; display:block; float: left; width:230px; text-align:left;margin-left:50px;}
.lnb li a { font-size: 14px;line-height: 20px; color:#333; }
.lnb li a:hover { color: #000; }
.lnb li a .cate2 {margin-left:10px;font-size: 13px;color:#333;}


#bnr_pop {width:100%; text-align:center; background:#555; position:relative; margin:0; padding:0; height:90px; position:relative;}
#bnr_pop img {margin:0; padding:0; vertical-align:top;}
#bnr_pop .evenbnr_close {position:absolute; right:15%; top:30px; width:30px; height:30px; cursor:pointer;}


.join_point {position:absolute; top:20px; right:16.5%; margin-right:0px; display:inline-block; min-width:65px; height:18px; line-height:18px; border-radius:3px; background:#f32434; text-align:center; font-size:11px; color:#fff; animation:join_point 1s linear infinite; z-index:999;}
.join_point .arrow {position:absolute; top:-10px; left:30%; margin-left:5px; color:#f32434;}
@keyframes join_point {0% {top:30px;} 50% {top:35px;} 100% {top:30px;}}


.popup_wrap .event_pop{position:fixed; bottom:15px; left:140px; display:none; z-index:990;}
.popup_wrap .left_banner{position:fixed; bottom:15px; left:15px; z-index:9999; }
.popup_wrap .event_pop .close_btn_wrap img{float:right;z-index:9999;}
.popup_wrap .event_pop .close_btn_wrap .close_btn{cursor:pointer;  margin-top:-50px;margin-right:-30px;}

/* BASIC css end */