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

/* 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: #969696; line-height: 35px; }
.hdArea .mlnk li .point { position: absolute; top: 40px; left: 50%; margin-left: -30px; width: 60px; height: 19px; line-height: 19px; background: #424242; 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/acandle/9614/xoxo/icon/bul_tooltip.gif) no-repeat 0 0; }
.hdArea .bookmark { position: absolute; top: 0; right: 0; padding-left: 20px; background: url(/design/acandle/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: 200px; }
#header .bi { position: absolute; left: 350px; top: 90px; }
#header .search { position: absolute; top: 30px; 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: 50px; line-height: 50px; border: 0 none; background: 0 none; }
#header .search .btn-sch { position: absolute; top: 20px; 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: 85px; right: 0; width: 270px; }
#header .notice dt, 
#header .notice dd { float: left; }
#header .notice dt { width: 60px; padding-left: 20px; background: url(/design/acandle/9614/xoxo/icon/bul_notice.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; float: fixed;}
.gnbArea .gnb { zoom: 1; width: 1095px; height: 45px; margin:0 auto; background-color:#fff; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
.gnbArea .gnb:after { content: ''; display: block; clear: both; }
.gnbArea .gnb > li {position: relative; display:inline-block; padding:0 9px; float: left;}
.gnbArea .gnb > li > a { display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; font-size: 12px; text-align: center;font-weight:bold; color:#000000; }
.gnbArea .gnb > li > a:hover { text-decoration: underline; color:#000000; }
.gnbArea .gnb > li:hover a.gnbTit { text-decoration: underline; color: #000000; }
.gnbArea .gnb > li dl { display: none; position: absolute; top: 45px; left: 0;  zoom: 1; overflow: hidden; padding: 2px 0; border: 2px solid #000000; border-top: 0; background: #fff; text-align: left; color:#000000; font-weight:bold;}
.gnbArea .gnb > li dl dd { min-width: 145px; }
.gnbArea .gnb > li dl dd a { display: block; padding: 0 5px 0 10px; line-height: 24px; }
.gnbArea .gnb > li dl dd a:hover { background: #000000; color: #fff; }

a { color:#000000; }
/* BASIC css end */