/* BASIC css start */
#preview_wrap { display: none; } 

/* 공통 포인트 컬러 */
.ptColor { color: #ff7b05 !important; } 

.headerFix{padding-top:130px;}
.headerFix #header{ margin-top:-210px;position:fixed; top:0; left:0; right:0 }

#header {position:relative;width:100%;background:#fff;z-index:100; border-top:2px solid #59ce39; border-bottom: 1px solid #493838;}

#header .headerTop {}
#header .headerTop a:hover { color:#111; text-decoration: underline;  }
#header .headerTop .logoArea {margin-top: 10px; width: 300px; margin: 0 auto; padding-top: 20px;}
#header .headerTop img{ width: 300px;  }


#header .headerTop .hdWrap {  border-bottom: 2px solid #493838; width:100%; height: 40px;}
#header .headerTop .hdWrap .hdWcontents{width: 1200px; margin: 0 auto; padding-bottom: 15px;}
#header .headerTop .hdWrap .hdWcontents .hd-left {float: left;}
#header .headerTop .hdWrap .hdWcontents .hd-left .telArea {position: relative; height: 36px; line-height: 36px; overflow: hidden;}
#header .headerTop .hdWrap .hdWcontents .hd-left .telArea dt {float: left; margin: 0px 12px 0 0;}
#header .headerTop .hdWrap .hdWcontents .hd-left .telArea dd { float: left; color:#493838; font-size:20px;}
#header .headerTop .hdWrap .hdWcontents .hd-left .telArea dd h1 { font-size: 20px; font-weight:bold; }

/*상단오른쪽*/
#header .headerTop .hdWrap .hd-right {float: right; }
#header .headerTop .hdWrap .hd-right .hd-link { zoom: 1; overflow: hidden; float:left;}
#header .headerTop .hdWrap .hd-right .hd-link .user_basket_quantity {display: inline-block;min-width: 8px;text-align: center;font-size: 11px;}
#header .headerTop .hdWrap .hd-right .hd-link li {float: left; margin-top: 8px;}
#header .headerTop .hdWrap .hd-right .hd-link li span.grBar {display:inline-block; margin: 0 5px; width:1px;height: 11px;background: #ddd;vertical-align: -1px;}

/*검색*/
#header .headerTop .hdWrap  .hd-search {margin-left: 400px; margin-top: 13px; position: absolute; border-radius: 100px; border: 2px solid #493838; width: 400px; background: #fff; z-index: 200;}
#header .headerTop .hdWrap  .hd-search input{border: none; vertical-align: middle; line-height: 50px; height: 40px; width: 325px; margin-left: 25px;}
#header .headerTop .hdWrap  .hd-search .input-keyword {color: #aaaaaa;height: 50px;line-height: 50px;}
#header .headerTop .hdWrap  .hd-search .input-keyword:focus { color: #493838; }
#header .headerTop .hdWrap  .hd-search i {vertical-align: middle; color:#493838; font-size:30px}


#header .headerBtm { position: relative;  height:47px; background: #fff; }
#header .headerBtm .hd-gnb { width: 1200px; margin: 43px auto;  }
#header .headerBtm .hd-gnb li {float: left;padding: 4px 28px;position: relative;}
#header .headerBtm .hd-gnb li a {display:block;height: 38px;font-size: 18px;font-weight:bold;text-align:center;line-height: 38px;color: #313131;}
#header .headerBtm .hd-gnb li a:hover{ color:#59ce39}
#header .headerBtm .hd-gnb li ul { display:none;     padding: 20px 0; position: absolute; top: 47px; left: 40%; width: 180px; background: #fff; margin-left: -75px; border-left:1px solid #493838; border-bottom:1px solid #493838; border-right:1px solid #493838}
#header .headerBtm .hd-gnb li ul li {height: 20px; clear:both}
#header .headerBtm .hd-gnb li ul li a {display:block;height: 24px;font-size:14px;text-align:center;line-height: 24px;color: #333;}
#header .headerBtm .hd-gnb li ul li a:hover {  color:#59ce39}


/* BASIC css end */