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

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

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

#header {position:relative;width:100%;background:#fff;z-index:100;height: 129px;border-bottom: 1px solid #ddd;}

#header .headerTop { height: 36px; border-bottom: 1px solid #ddd; }
#header .headerTop a:hover { color:#111; text-decoration: underline;  }
#header .headerTop span.grBar {display:inline-block;margin-right: 12px;width:1px;height: 11px;background: #ddd;vertical-align: -1px;}

#header .headerTop .hdWrap { width: 1200px; margin: 0 auto; }

#header .headerTop .hdWrap .hd-left {float: left;border-left: 1px solid #ddd;}
#header .headerTop .hdWrap .hd-left .hdNotice { position: relative; height: 36px; line-height: 36px; overflow: hidden; }
#header .headerTop .hdWrap .hd-left .hdNotice dt {float: left; padding-left: 12px; }
#header .headerTop .hdWrap .hd-left .hdNotice dt a { font-weight: bold; }
#header .headerTop .hdWrap .hd-left .hdNotice dt .grBar {margin-left: 10px;}
#header .headerTop .hdWrap .hd-left .hdNotice dd {position:relative;float: left;width: 290px;height: 36px;}
#header .headerTop .hdWrap .hd-left .hdNotice .hdNoticeBtn img { vertical-align: top}
#header .headerTop .hdWrap .hd-left .hdNotice .hdNoticeBtn .prev {position: absolute;right:0; top: 0;}
#header .headerTop .hdWrap .hd-left .hdNotice .hdNoticeBtn .next { position: absolute;right:0; top: 18px;}

#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;padding-right: 12px;margin-top: 8px;}
#header .headerTop .hdWrap .hd-right .hd-search {float: left;margin-left: 5px;padding: 0 12px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#header .headerTop .hdWrap .hd-right .hd-search .input-keyword {width: 190px;border: 0;background: transparent;color: #aaaaaa;height: 36px;line-height: 36px;}
#header .headerTop .hdWrap .hd-right .hd-search .input-keyword:focus { color: #111; }
#header .headerTop .hdWrap .hd-right .hd-search img {vertical-align: middle;}

#header .headerBtm { position: relative;  width: 1200px; margin: 0 auto; }

#header .headerBtm .logoArea {float: left;margin-top: 15px;}

#header .headerBtm .hd-gnb {position: absolute;top: 24px;left: 257px;}
#header .headerBtm .hd-gnb li {float: left;padding: 5px 24px;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 ul { display:none; padding:10px 0;position:absolute;top: 42px;left: 50%;width: 148px;background: #fff;margin-left: -75px;border: 1px solid #ddd;}
#header .headerBtm .hd-gnb li ul li {height: 20px;float: inherit;}
#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 { text-decoration:underline; font-weight: bold; }

#header .headerBtm .telArea {float: right;width:200px;margin-top: 23px;}
#header .headerBtm .telArea dt {float: left;margin: 7px 12px 0 0;}
#header .headerBtm .telArea dd { float: left; color:#313131; }
#header .headerBtm .telArea dd h1 { font-size: 20px; font-weight:bold; }

/* BASIC css end */