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

/* °øÅë Æ÷ÀÎÆ® ÄÃ·¯ */
.ptColor { color: #000000 !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: 12px;}
#header .headerBtm .logoArea img {width:230px;}
#header .headerBtm .hd-gnb {position: absolute;top: 24px;left: 252px;}
#header .headerBtm .hd-gnb li {float: left;padding: 5px 22px;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: 25px;}
#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; }

#asideMenu {position:fixed;top: 130px;right: 0;width: 80px;height:100%;border-left:1px solid #d6d6d6;background:#fff;z-index:100;text-align:center;}
#asideMenu .quickIcon li {border-bottom: 1px solid #ddd;padding: 12px 0 10px;height: 58px;}
#asideMenu .quickIcon li a {font-size: 12px;color:#777;display: block;}
#asideMenu .quickIcon li.todayView {padding:2px 0;overflow: hidden;height: 120px;}
#asideMenu .quickIcon .today-btns a { display:inline-block; }
#asideMenu .quickTopBtm {position: fixed;right: 0;bottom:0;width: 80px;}
#asideMenu .quickTopBtm li {border-top: 1px solid #ddd;padding: 10px 0;background: #fff;}
#asideMenu .quickTopBtm li a {display: block;}


/* ¹Ì´Ï¹è³Ê */
#header .headerTop .minibanBox{ position: absolute; top: -30px; right: 0; width: 255px;}
.minibanBox .slick-prev{ position: absolute; top: 0; right: 9px; width: 26px; height: 49px; background: url(/design/oroshi81/design/mini_left.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}
.minibanBox .slick-next{ position: absolute; top: 0; right: -10px; width: 26px; height: 49px; background: url(/design/oroshi81/design/mini_right.png) no-repeat;  font-size: 0; z-index: 100; outline: 0;}
.slick-slide{ outline: 0; border: 0;}
.minibanBox div img {max-width:200px;}

/*´ë·®ÁÖ¹®*/
.excel { text-align: center; background:#F5EAEC;padding: 28px 0;}
.excel ul { display:flex;width:1200px;margin: 0 auto;align-items: center;justify-content: space-between; }
.excel ul li { display: inline-block; vertical-align: middle; }
.excel ul li * { vertical-align: middle; }
.excel ul li input[type="file"] { position:relative;width:273px;padding-left:10px; background: #fff; height: 44px; line-height: 44px; border: none; border-radius:100px; text-indent: 10px; cursor: pointer;color:#000000;box-shadow: 0px 1px 2px 0px #0000001A; }
.excel ul li a { display:inline-block;padding:0 15px;height: 44px; line-height: 44px; border-radius: 100px; border:none ; background: #fff; margin-left:10px;box-shadow: 0px 1px 2px 0px #0000001A;font-size:14px;color:#000; }
.excel ul li input[type="file"]::file-selector-button {background-color: #962841;color: white; border: none; border-radius: 100px; height:30px;line-height:30px; cursor: pointer; font-size: 12px;position:absolute;right:5px;top:7px;padding:0 12px;}
.excel .excel_button a {display:inline-block;padding:0 15px;height: 44px; line-height: 44px; border-radius: 100px; border:none ; background-color: #962841;margin-left:10px;box-shadow: 0px 1px 2px 0px #0000001A;font-size:14px;color:#fff;}
.excel .excel_button a img {padding-bottom:5px;}
/* BASIC css end */

