/* BASIC css start */
#hdWrap .hdArea { position: fixed; top: 0; width:100%; background-color:#f3f3f3; border-bottom:1px solid #e5e5e5; z-index:1000; height:34px; }

/* hdArea */
.hdArea div { position:relative; width:1100px; margin:0 auto; }
.hdArea .mlnk { position: absolute; top: 0; left: 0; zoom: 1; }
.hdArea .mlnk:after { content: ''; display: block; clear: both; }
.hdArea .mlnk li { float: left; position: relative; width: auto; margin-right: 25px; }
.hdArea .mlnk li a { color: #777; line-height: 34px; }
.hdArea .mlnk li .point { position: absolute; top: 30px; left: 50%; margin-left: -30px; width: 60px; height: 19px; line-height: 19px; background: #add9da; color: #fff; text-align: center; }
.hdArea .mlnk li .point span { position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 4px; background: url(/design/lovechic/9614/xoxo/icon/bul_t.gif) no-repeat 0 0; }
.hdArea .bookmark { position: absolute; top: 0; right: 0; padding-left: 20px; background: url(/design/lovechic/9614/xoxo/icon/bul_bookmark_.gif) no-repeat 0 50%; color: #222; font-weight: bold; line-height: 34px; }

/* header */
#header { z-index: 1; position: relative; height: 237px; }
#header .bi { position: absolute; left: 390px; top: 50px; }
#header .search { position: absolute; top: 118px; right: 0; width: 227px; height: 36px; padding: 0 36px 0 5px; border: 1px solid #ddd; }
#header .search .MS_search_word,
#header .search .btn-sch { float: left; width: auto; }
#header .search .MS_search_word { width: 100%; height: 36px; line-height: 36px; border: 0 none; background: 0 none; }
#header .search .btn-sch { position: absolute; top: 9px; right: 9px; }

#header .sns { position: absolute; top: 115px; left: 0; zoom: 1; overflow: hidden; }
#header .sns li { float: left; margin-right: 7px; }
#header .notice { position: absolute; top: 75px; right: 0; width: 270px; }
#header .notice dt, 
#header .notice dd { float: left; }
#header .notice dt { width: 60px; padding-left: 20px; background: url(/design/lovechic/9614/xoxo/icon/bird.gif) no-repeat 0 45%; }
#header .notice dd { width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* gnbArea */
.gnbArea { position: fixed; top: 190px; width:100%; z-index:100;}
.gnbArea .gnb { zoom: 1; width: 1100px; height: 50px; margin:0 auto; background-color:#fff; border-top: 1px solid #ddd; border-bottom: 1px solid #bebebe; text-align: center;}
.gnbArea .gnb:after { content: ''; display: block; clear: both; }
.gnbArea .gnb > li {position: relative; display: inline-block; padding:0 14px;}
.gnbArea .gnb > li > a { display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; font-size: 14px; text-align: center;   }
.gnbArea .gnb > li > a:hover { text-decoration: underline; color: #222; }
.gnbArea .gnb > li:hover a.gnbTit { text-decoration: underline; color: #222; }
.gnbArea .gnb > li dl { display: none; position: absolute; top: 45px; left: 0;  zoom: 1; overflow: hidden; padding: 10px 0; border: 1px solid #bebebe; border-top: 0; background: #fff; text-align: left;}
.gnbArea .gnb > li dl dd { min-width: 130px; }
.gnbArea .gnb > li dl dd a { display: block; padding: 0 10px 0 25px; line-height: 24px; }
.gnbArea .gnb > li dl dd a:hover { background: #404040; color: #fff; }

/* BASIC css end */